/* CSS Document */

html{
 scroll-padding-top: 100px; 
scroll-behavior: smooth; 
}
body { margin: 0; padding: 0; line-height: 24px; font-family: 'Microsoft YaHei'; font-size: 12px; background: #fff; overflow-x:hidden;}
div, ul, li, dt, dl, dd, h1, h2, h3, h4, h5, h6, h7, img, p, span { border-style: none; border-color: inherit; border-width: 0px; padding: 0; list-style-type: none; margin-left: auto; margin-top: 0; margin-bottom: 0; }

img { max-width: 100%; }

/* Link */
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { border: 0px; background-color: Transparent; }

input { outline: none; }
input:focus { outline: none; }

a { blr: expression(this.onFocus=this.blur()); outline: none; }

.blank5 { width: 100%; height: 5px; clear: both; }
.blank10 { width: 100%; height: 10px; clear: both; }
.blank15 { width: 100%; height: 15px; clear: both; }
.blank20 { width: 100%; height: 20px; clear: both; }
.blank30 { width: 100%; height: 30px; clear: both; }
.blank40 { width: 100%; height: 40px; clear: both; }
.blank50 { width: 100%; height: 50px; clear: both; }
.blank60 { width: 100%; height: 60px; clear: both; }
.blank70 { width: 100%; height: 70px; clear: both; }
.blank80 { width: 100%; height: 80px; clear: both; }
.blank90 { width: 100%; height: 90px; clear: both; }
.blank100 { width: 100%; height:100px; clear: both; }
.blank110 { width: 100%; height: 110px; clear: both; }
.blank120 { width: 100%; height: 120px; clear: both; }
.blank130 { width: 100%; height: 130px; clear: both; }
.blank140 { width: 100%; height: 140px; clear: both; }
.blank150 { width: 100%; height: 150px; clear: both; }

/*Clear*/
.clear { clear: both; font-size: 1px; height: 0px; line-height: 0px; overflow: hidden; }
/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/



.max { position: relative; overflow: hidden; }

.m_hmax { width: 100%; height: 150px; float: left; position: relative;   background: #fff; }



.mem9 { width: 100%; height: 150px; background: #fff; float: right; position: relative; z-index: 24; }

.topfixed { position: fixed; z-index: 66; top: 0px; left: 0%; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; width: 100%; float: right; height: 150px; background: #fff; box-shadow: 0 1px 5px #dfe1e5; }

.m_headline { width: 100%; height: 50px; float: left; border-bottom: 1px solid #dfe0e6; position: relative; z-index: 4; }

.m_headline ul { float: right; }


.m_headline ul li { float: left; padding: 0 10px; position: relative; }

.m_headline ul li::after { width: 1px; height: 10px; float: right; position: absolute; background: #c9ccd5; content: ''; top: 20px; right: 0; }
.m_headline ul li:last-child::after { width: 1px; height: 10px; float: right; display: none; background: #c9ccd5; content: ''; top: 20px; right: 0; }

.m_headline ul li a { float: left; font-size: 14px; color: #999; text-align: center; line-height: 50px; font-weight: normal; }

.m_headline ul li a:hover, .m_headline ul li a.hova { color: #de2525; }

.m_logo { width: 88px; float: left; padding: 20px; background: #fff; position: relative; z-index: 10; margin: -50px 0 0 -20px; top: 0; }


.m_navibox { width: 1000px; float: left; margin-left: 10px; position: relative; z-index: 15; }


.m_navi { width: 980px; float: left; margin-left: 20px; }


.m_navi ul { width: 900px; }
.m_navi ul li { width: 12.5%; height: 100px; float: left; position: relative; }
.m_navi ul li a { width: 100%; height: 100px; float: left; font-size: 16px; color: #111; text-align: center; line-height: 100px; font-weight: normal; position: relative; }
.m_navi ul li a:hover, .m_navi ul li a.ahov { width: 100%; height: 100px; float: left; font-size: 16px; color: #002a66; text-align: center; line-height: 100px; font-weight: bold; position: relative; }

.m_navi ul li .m_nup { width: 100%; float: left; padding: 10px 0; background: #f7f8fc; position: absolute; z-index: 40; left: 0; top: 99px; display: none; }

.m_navi ul li:hover .m_nup { width: 100%; float: left; padding: 10px 0; background: #f7f8fc; position: absolute; z-index: 40; left: 0; top: 99px; display: block; }
.m_navi ul li .m_nup dl { width: 100%; float: left; }

.m_navi ul li .m_nup dl dd { width: 100%; height: 40px; float: left; }

.m_navi ul li .m_nup dl dd a { width: 100%; height: 40px; float: left; font-size: 16px; color: #111; text-align: center; line-height: 40px; font-weight: normal; }

.m_navi ul li .m_nup dl dd a:hover { color: #002a66; font-weight: bold; }

.m_htop { width: 36px; height: 36px; float: right; margin: 30px 0 0 20px; background: #002a66; border-radius: 50%; }


.m_htop a{ width: 36px; height: 36px;  float: left; }

.m_htop img { width: 36px; height: 36px; float: right;  border-radius: 50%; }


.m_hsou { width: 190px; height: 36px; float: right; margin: 30px 0 0 0px; position: relative; z-index: 18; }

.m_sousuo { width: 36px; height: 36px; float: right; position: relative; z-index: 12; }

.m_sousuo img { width: 36px; height: 36px; cursor: pointer; background: #002a66; border-radius: 50%; }

.m_hsebox { width: 190px; height: 36px; float: left; position: absolute; z-index: 15; top: 0; right: 0; background: #002a66; border-radius: 18px; display: none; }

.m_hsebox input.sinp { width: 130px; height: 36px; float: left; padding-left: 20px; background: none; border: none; font-size: 14px; color: #fff; text-align: left; line-height: 36px; font-weight: normal; }

.m_hsebox input.buts { width: 36px; height: 36px; float: right; background: url(../images/ssou1.png) no-repeat center center; border: none; text-indent: -999px; cursor: pointer; }



.m_banner { width: 100%; height: auto; position: relative; z-index: 9; float: left; overflow: hidden; }

.m_banner img { width: 100%; margin-bottom: -5px; }

.m_index { width: 84%; max-width: 1400px; display: block; margin: 0 auto; }



.m_box1 { width: 100%; padding: 40px 0; float: left; background: #f7f8fa; }

.m_box1_title { width: 100%; float: left; }

.m_new_bt { width: 240px; height: 80px; float: left; margin-left: 80px; }
.m_new_bt font { width: 60px; height: 80px; float: left; font-size: 80px; color: #002a66; text-align: left; line-height: 80px; font-weight: bold; text-transform: uppercase; }

.m_new_bt h4 { width: 170px; height: auto; float: left; padding: 4px 0 0 10px; font-size: 36px; color: #002a66; text-align: left; line-height: 40px; font-weight: bold; letter-spacing: 0px; }

.m_new_bt h4 b { width: 100%; height: 30px; float: left; font-size: 26px; color: #dfe1e5; text-align: left; line-height: 30px; font-weight: bold; font-style: normal; letter-spacing: 1px; }


.m_box1_title ul { width: auto; float: right; margin: 20px 0 0 20px; }

.m_box1_title ul li { width: 130px; height: 38px; float: left; margin: 0 10px; }

.m_box1_title ul li a { width: 130px; height: 36px; float: left; background: #fff; border: 1px solid #002a66; border-radius: 19px; font-size: 16px; color: #002a66; text-align: center; line-height: 36px; font-weight: normal; font-style: normal; }

.m_box1_title ul li a:hover { background: #002a66; color: #fff; }

.m_box1_list { width: calc(82% - 180px); background: #fff; float: right; margin: 20px 0 20px 0; padding: 20px 260px 20px 80px; }


.sybg { width: 100%; max-width: 1400px; float: left; }

.syTitle { width: 56%; max-width: 720px; min-height: 560px; background: rgba(125,458,122,0); float: right; position: relative; }


.syTitle ul li { width: 100%; height: 66px; padding: 20px 0; float: right; background: #fff; border-bottom: 1px dashed #c9ccd5; }

.syTitle ul li .sytime { width: 66px; height: 66px; float: left; background: #d2d2d2; margin: 0px 20px 0 0; font-size: 12px; color: #333333; text-align: center; line-height: 20px; font-weight: normal; font-style: normal; }

.syTitle ul li .sytime font { width: 100%; height: 30px; float: left; margin: 10px 0 0 0; font-size: 20px; color: #333333; text-align: center; line-height: 30px; font-weight: normal; font-style: normal; }


.syTitle ul li .sycon { width: 86%; height: 60px; float: left; background: rgba(0,0,0,0); margin: 0px 0px 0 0; font-size: 12px; color: #333333; text-align: center; line-height: 20px; font-weight: normal; font-style: normal; overflow: hidden; }

.syTitle ul li .sycon h4 { width: 100%; height: 30px; float: left; margin: 0px 0 0 0; font-size: 20px; color: #222; text-align: left; line-height: 30px; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; }

.syTitle ul li .sycon h5 { width: 100%; height: 30px; float: left; margin: 0px 0 0 0; font-size: 16px; color: #888; text-align: left; line-height: 30px; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; }




.syTitle ul li.active { width: 100%; height: 66px; padding: 20px 0; float: right; background: #fff; border-bottom: 1px dashed #c9ccd5; }

.syTitle ul li.active .sytime { width: 66px; height: 66px; background: #002a66; margin: 0px 20px 0 0; font-size: 12px; color: #fff; text-align: center; line-height: 20px; font-weight: normal; font-style: normal; }

.syTitle ul li.active .sytime font { width: 100%; height: 30px; float: left; margin: 10px 0 0 0; font-size: 20px; color: #fff; text-align: center; line-height: 30px; font-weight: normal; font-style: normal; }


.syTitle ul li.active .sycon h4 { color: #002a66; }

.syContent { width: 42%; max-width: 600px; height: 560px; background: rgba(255,255,255,1); float: left; position:absolute; 
 overfflow:hidden; }



.syContent h3 { width: 100%; height: 55px; float: left; border-bottom: 1px solid #c9ccd5; }

.syContent h3 font { padding: 0 10px; height: 53px; float: left; border-bottom: 2px solid #c9ccd5; font-size: 26px; color: #111; text-align: left; line-height: 53px; font-weight: normal; font-style: normal; }

.syContent h4 { width: 100%; height: 30px; float: left; margin: 30px 0 0 0; font-size: 20px; color: #222; text-align: left; line-height: 30px; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; }

.syContent h5 { width: 100%; height: 60px; float: left; margin: 0px 0 20px 0; font-size: 16px; color: #999; text-align: left; line-height: 30px; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; }


.syContent img { display: block; margin: 0 auto; max-width: 100%; }



.m_bianji { position: relative; }
.m_bianji .biaoge { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; display: none; visibility: hidden; }
.m_bianji .biaoge.on { opacity: 1; display: block; visibility: visible; }
.m_bianji .biaoge:nth-child(1) { position: relative;  }


/*index  industry */



.m_industry { width: 100%; height: auto; min-height: 750px; float: left; background: rgba(0,0,0,0); position: relative; z-index: 20; }



.m_induscon { width: 100%; height: auto; float: left; position: absolute; z-index: 10; left: 0; top: 0; }


.m_indusleft { width: 36.4%; float: left; position: relative; z-index: 2; }

.m_indusleft img { width: 100%; }

.m_lefts { width: 68%; max-width: 430px; float: left; position: absolute; z-index: 5; top: 0; right: 0; }

.m_left_title { width: 100%; float: left; margin-top: 90px; }

.m_chanye_bt { width: 240px; height: 80px; float: left; margin-left: 0px; }
.m_chanye_bt font { width: 60px; height: 80px; float: left; font-size: 80px; color: #fff; text-align: left; line-height: 80px; font-weight: bold; text-transform: uppercase; }

.m_chanye_bt h4 { width: 170px; height: auto; float: left; padding: 4px 0 0 10px; font-size: 36px; color: #fff; text-align: left; line-height: 40px; font-weight: bold; letter-spacing: 0px; }

.m_chanye_bt h4 b { width: 100%; height: 30px; float: left; font-size: 26px; color: #fff; text-align: left; line-height: 30px; font-weight: bold; font-style: normal; letter-spacing: 1px; }



.m_indusright { width: 63.6%; float: left; position: relative; z-index: 2; }


.m_rights { width: 40%; max-width: 500px; float: right; position: absolute; z-index: 5; top: 0; right: 20%; }

.m_right_title { width: 100%; float: left; margin-top: 90px; }

.m_right_title img { width: 100%; }

.m_indusright img { width: 100%; }



.m_lunbo { width: 100%; float: left; height: 480px; /*background:rgba(0,0,0,0) url(../images/industbg1.jpg) no-repeat right 140px; background-size:570px 175px;*/ position: absolute; z-index: 16; left: 0; top: 58%; }

.m_lubgc { width: 570px; height: auto; float: right; position: absolute; z-index: 6; top: 140px; right: 0; }

.m_lubgc img { width: 100%; }

#certify1 { position: relative; z-index: 12; width: 1400px; display: block; margin: 0px auto; overflow: hidden; }
#certify1 .swiper-container { width: 1138px; float: left; padding: 0px 0px; margin: 0; overflow: hidden; }
#certify1 .swiper-wrapper { float: left; margin: 0 0 0 0px; position: relative; z-index: 10; }
#certify1 .swiper-slide { width: 220px !important; height: auto; padding: 10px 10px 40px 10px !important; background: rgba(255,255,255,1);
 margin: 0px 0px 20px 40px !important; border: 1px solid rgba(237,239,242,0); box-shadow: -1px 2px 4px -2px rgba(237,239,242,1),5px 5px 10px -4px rgba(237,239,242,1); position: relative; z-index: 15; overflow: hidden; }


#certify1 .swiper-slide h4 { width: 100%; height: 40px; float: left; margin: 30px 0 0px 0; position: relative; text-align: center; color: #002a66; font-size: 34px; line-height: 40px; font-weight: bold; font-style: normal; }

#certify1 .swiper-slide h5 { width: 100%; height: 60px; float: left; position: relative; margin: 0px 0 0px 0; text-align: center; color: #002a66; font-size: 16px; line-height: 30px; font-weight: normal; font-style: normal; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; }

#certify1 .swiper-slide h6 { width: 100%; height: 40px; float: left; margin: 0px 0 50px 0; position: relative; text-align: center; color: #c9a063; font-size: 18px; line-height: 40px; font-weight: normal; font-style: normal; }
#certify1 .swiper-slide h6::after { width: 40px; height: 2px; float: left; background: #c9a063; content: ''; position: absolute; left: 50%; margin-left: -20px; bottom: 0px; }

#certify1 .swiper-slide img { width: 100%; display: block; margin: 0 auto; }


#certify1 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; }

#certify1 .xqdi { width: 220px; height: 30px; float: right; position: absolute; z-index: 20; right: 0; bottom: 200px; }
#certify1 .swiper-button-prev1 { text-indent: -9999px; width: 60px; height: 26px; float: left; margin: 0; padding: 0; left: 0; top: 0; background: url(../images/pnext1.jpg) no-repeat left top; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify1 .swiper-button-prev1:hover { background: url(../images/pnext1.jpg) no-repeat; }
#certify1 .swiper-button-next1 { text-indent: -9999px; width: 60px; height: 26px; float: left; margin: 0; padding: 0; left: 80px; top: 0; background: url(../images/pright1.jpg) no-repeat left top; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify1 .swiper-button-next1:hover { background: url(../images/pright1.jpg) no-repeat; }



/*index  product */



.m_prodbgc { width: 100%; height: auto; min-height: 700px; float: left; background: #fff; position: relative; z-index: 20; }


.m_prods_title { width: 320px; height: 80px; background: rgba(0,0,0,0); float: left; position: absolute; z-index: 10; left: 50%; margin-left: -100px; top: 0; margin-top: 40px; }

.m_pro_bt { width: 320px; height: 80px; float: left; margin-left: 0px; }
.m_pro_bt font { width: 60px; height: 80px; float: left; font-size: 80px; color: #002a66; text-align: left; line-height: 80px; font-weight: bold; text-transform: uppercase; }

.m_pro_bt h4 { width: 240px; height: auto; float: left; padding: 4px 0 0 0px; font-size: 36px; color: #002a66; text-align: left; line-height: 40px; font-weight: bold; letter-spacing: 0px; }

.m_pro_bt h4 b { width: 100%; height: 30px; float: left; font-size: 26px; color: #dfe1e5; text-align: left; line-height: 30px; font-weight: bold; font-style: normal; letter-spacing: 0px; }





#certify2 { position: relative; width: 100%; height: auto !important; min-height: 520px; float: left; background: rgba(0,0,0,0); display: block; margin: 180px 0px 0px 0px; }
#certify2 .swiper-container { padding: 0px; overflow: hidden; }
#certify2 .swiper-slide { width: 100%; padding: 0px; float: left; text-align: center; position: relative; z-index: 15; overflow: hidden; }


.swiper_text { width: 58%; max-width: 999px; min-height: 420px; float: left; background: #f7f8fa; position: absolute; z-index: 9; left: 0; top: 50px; }

.swptxt { width: 670px; height: auto; float: right; margin: 74px 74px 0 0; background: transparent; overflow: hidden; }



.swptxt h4 { width: 100%; height: 40px; float: left; margin: 0px 0 0px 0; position: relative; text-align: left; color: #002a66; font-size: 18px; line-height: 40px; font-weight: bold; font-style: normal; }
.swptxt h4::after { width: 100px; height: 1px; float: left; background: #002a66; content: ''; position: absolute; left: 0%; margin-left: 0px; bottom: 0px; }


.swptxt h5 { width: 100%; height: 90px; float: left; margin: 30px 0 40px 0; position: relative; text-align: left; color: #333333; font-size: 16px; line-height: 30px; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; }

.swptxt h6 { width: 80px; height: 30px; float: left; position: relative; margin: 10px 0 100px 0; text-align: left; color: #002a66; font-size: 14px; line-height: 30px; font-weight: normal; font-style: normal; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; }

.swptxt h6 img { float: right; width: 12px !important; margin: 12px 4px 0 0; }

.swiper_img { width: 52%; max-width: 1000px; height: auto ; float: right; background: #d0e1e8; position: relative; z-index: 6; right: 0; top: 0px; }

.swpimg { width:102.5%; max-width:1050px; float: left; margin: 0 0 0px 0px; overflow: hidden; }

.swpimg img { width: 100%; }



#certify2 .swiper-button-prev2 { text-indent: -9999px; top: auto; bottom: 5px; left: 50%; margin-left: -126px; width: 85px; height: 50px; background: url(../images/zprev1.jpg) no-repeat center center; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify2 .swiper-button-prev2:hover { background: url(../images/zprev1.jpg) no-repeat center center; }
#certify2 .swiper-button-next2 { text-indent: -9999px; right: 50%; margin-right: -48px; top: auto; bottom:5px; width: 85px; height: 50px; background: url(../images/znext1.jpg) no-repeat center center; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify2 .swiper-button-next2:hover { background: url(../images/znext1.jpg) no-repeat center center; }





/* index  Elegant demeanour */


.m_demean { width: 100%; height: auto; min-height: 722px; float: left; background: #fff; position: relative; z-index: 20; }


.m_demecon { width: 100%; float: left; position: absolute; z-index: 15; left: 0; top: 0; }
.m_debg { width: 100%; float: left; position: relative; z-index: 5; }




.m_deme_title { width: 340px; height: 80px; background: rgba(0,0,0,0); float: left; position: absolute; z-index: 10; left: 50%; margin-left: -100px; top: 0; margin-top: 160px; }

.m_pro_bt { width: 340px; height: 80px; float: left; margin-left: 0px; }
.m_pro_bt font { width: 60px; height: 80px; float: left; font-size: 80px; color: #002a66; text-align: left; line-height: 80px; font-weight: bold; text-transform: uppercase; }

.m_pro_bt h4 { width: 280px; height: auto; float: left; padding: 4px 0 0 0px; font-size: 36px; color: #002a66; text-align: left; line-height: 40px; font-weight: bold; letter-spacing: 0px; }

.m_pro_bt h4 b { width: 100%; height: 30px; float: left; font-size: 26px; color: #dfe1e6; text-align: left; line-height: 30px; font-weight: bold; font-style: normal; letter-spacing: 0px; }




.m_elegant { width: 1050px; height: auto; display: block; margin: 280px auto 40px auto;  overflow: hidden; }
.swiper-container6 { width: 100%; max-width: 637px; padding-top: 50px; padding-bottom: 50px; position: relative; z-index: 2;
 float: none; margin-top: 230px;}
.swiper-container6 .swiper-slide6 { transform: scale(0.8); position: relative; z-index: 32;}


.swiper-container6 .swiper-slide-active { transform: scale(1);  }


.swiper-container6 .swiper-slide6 img { display:block; margin:0 auto; position: relative; z-index: 12; }


.ele_more { width: 140px; height: 36px; display: block; margin: 0 auto; }

.ele_more a { width: 140px; height: 36px; float: left; margin: 40px 0 60px 0; border: 1px solid #002a66; font-size: 16px; color: #002a66; text-align: center; line-height: 36px; font-weight: normal; font-style: normal; }

/*index  honor */



.m_honobgc { width: 100%; height: auto; min-height: 340px; float: left; background: #fff; position: relative; z-index: 20; }



.m_honor_title { width: 340px; height: 80px; background: rgba(0,0,0,0); float: left; position: absolute; z-index: 10; left: 50%; margin-left: -100px; top: 0; margin-top: 100px; }



.s_daily_photo { width: 100%; float: left; margin: 230px 0 40px 0; }

#certifyy { width: 100%; display: block; margin: 0px auto 0 0%; }
#certifyy .swiper-container { padding-bottom: 20px; }
#certifyy .swiper-slide { text-align: center; padding: 0% 0; width: 20%; max-width: 350px; max-height: 230px; font-size: 14px; background: #e9e9f2; display: flex; align-items: center; justify-content: center; vertical-align: middle; }
#certifyy .swiper-slide .pic_img { max-width: 350px; max-height: 230px; position: relative; z-index: 40; line-height: 230px; text-align: center; display: table-cell; margin: 0 auto; vertical-align: middle; }

#certifyy .swiper-slide img { width: 100%; max-width: 350px; height: 100%; max-height: 230px; display: block; margin: 0 auto; position: relative; z-index: 4; vertical-align: middle; }

#certifyy .swiper-slide-active, .swiper-slide-duplicate-active { -webkit-tap-highlight-color: transparent; outline: none; }






.rollfire { width: 1920px; *width: 1920px; _width: 1920px; height: 300px; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -960px; *margin-left: -960px; _margin-left: -960px; overflow: hidden; }

.rollfire_bt { width: 100%; height: 40px; float: left; margin: 0 0 10px 0; font-size: 16px; color: #fff; text-align: left; line-height: 40px; font-weight: bold; }

.rollfire_bt a { float: right; font-size: 16px; color: #fff; text-align: right; line-height: 40px; font-weight: normal; }

.rollfire .Cont { float: left; overflow: hidden; width: 1920px; }
.rollfire .ScrCont { width: 10000000px; }
.rollfire #List3 { float: left; }
.rollfire #List4 { float: left; }

.rollfire .Cont li { width: 350px; height: 230px; float: left; background: #c9ccd5; text-align: center; display: table-cell; margin: 0 10px; }

.rollfire .Cont li .pic_img { width: 350px; height: 230px; position: relative; z-index: 40; line-height: 370px; text-align: center; vertical-align: middle; }

.rollfire .Cont li img { max-width: 350px; max-height: 230px; display: block; margin: 0 auto; position: relative; z-index: 40; vertical-align: middle; }



/*inc  footer */

.m_footer { width: 100%; height: auto; float: left; background: #0c3986; position: relative; z-index: 20; }


.m_foot_1 { width: 420px; float: left; margin: 40px 0 10px 0; }


.m_foot_logo { width: 100%; float: left; margin: 10px 0 10px 0; }

.m_foot_logo img { width: 269px; }


.m_foot_wx { width: 90px; float: left; margin: 10px 10px 10px 0; }

.m_foot_wx img { width: 90px; height: 90px; display: block; }

.m_foot_wx font { width: 100%; height: 20px; float: left; font-size: 12px; color: #87aae5; text-align: center; line-height: 20px; font-weight: normal; }



.m_foot_wenzi { width: 300px; height: auto; float: left; margin: 5px 0 0 0; font-size: 14px; color: #fff; text-align: left; line-height: 24px; font-weight: normal; }

.m_foot_wenzi a { color: #fff; }



.m_foot_r { width: 890px; float: right; margin: 20px 0 10px 0; }

.m_foot_r ul { width: 980px; float: left; }


.m_foot_r ul li { width: 60px; float: left; margin: 10px 70px 0 0; }

.m_foot_r ul li:first-child { width: 100px; float: left; margin: 10px 70px 0 0; }

.m_foot_r ul li:first-child dl { width: 100px; float: left; margin: 0px 0px 0 0; }
.m_foot_r ul li:first-child a { width: 100%; height: 30px; float: left; font-size: 14px; color: #fff; text-align: left; line-height: 30px; font-weight: bold; }


.m_foot_r ul li:first-child dl dd a { width: 100%; height: 25px; float: left; font-size: 14px; color: #87aae5; text-align: left; line-height: 25px; font-weight: normal; }



.m_foot_r ul li dl { width: 60px; float: left; margin: 0px 0px 0 0; }
.m_foot_r ul li a { width: 100%; height: 30px; float: left; font-size: 14px; color: #fff; text-align: left; line-height: 30px; font-weight: bold; }


.m_foot_r ul li dl dd a { width: 100%; height: 25px; float: left; font-size: 14px; color: #87aae5; text-align: left; line-height: 25px; font-weight: normal; }



.m_footxt { width: 100%; height: 40px; float: left; margin: 40px 0 0 0; background: #001e48; font-size: 14px; color: #87aae5; text-align: center; line-height: 40px; font-weight: normal; overflow: hidden; }

.m_footxt a { color: #87aae5; text-decoration: none; }
.m_footxt a:hover { color: #87aae5; text-decoration: underline; }



#topright { width: 36px; height: 36px; float: right; right: 0%; margin-right: 200px; bottom: 100px; position: fixed; z-index: 40; display: none; }

#topright img { width: 36px; height: 36px; }




.mez9 { width: 36px; height: 36px; float: right; position: relative; z-index: 24; }


.topzfix { position: fixed; z-index: 40; top: 0px; right: 0%; margin-right: 200px; margin-top: 0px; margin-bottom: 0px; float: right; width: 36px; height: 36px; }



/*about us*/


.s_abomenu { width: 100%; height: auto; float: left; position: relative; z-index: 20; }

/*f7f8fc*/
.s_menua { width: 100%; height: auto; float: left; position: relative; z-index: 18; margin: 0 0 0% 0; }


.s_comapny { width: 100%; float: left; position: relative; z-index: 24; }



.topaafix { position: fixed; z-index: 40; top: 150px; right: 0%; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; float: right; width: 100%; height: 60px; }



.auto { width:640px; margin: 0 auto; position: relative; display: block; }


#certify33 .swiper-slide { position: relative; z-index: 1; }


.sinter { width: 43px; height: 33px; display: block; margin: 0 auto; }

.sinter img { width: 43px!important;  height: 33px!important;  display: block; margin: 0 auto; position: relative; z-index: 1; }

#certify33 .swiper-slide .stxt { width: 1170px; height: 260px; background: transparent; position: relative; margin: 20px 0 40px -210px; opacity: 0; }

#certify33 .swiper-slide-active .stxt { width: 1170px; height: 260px; background: transparent; position: relative; margin: 20px 0 40px -210px; opacity: 1; }

.stxt .biaoti { width: 1170px; height: auto; float: left;   font-size: 30px; color: #111; text-align: center; line-height: 40px; font-weight: bold; margin: 10px 0 10px 0; }


.stxt .yingwen { width: 1170px; height: auto; float: left; font-size: 14px; color: #666666; text-align: center; line-height: 20px; font-weight: normal; margin: 5px 0 10px 0; text-transform: uppercase; }


.stxt .jianjie { width: 1170px; height: 90px; float: left; font-size: 16px; color: #333333; text-align: left; line-height: 30px; font-weight: normal; margin: 0px 0 0px 0; text-transform: uppercase; overflow: hidden; }


#certify33 .swiper-slide img {width:550px; height:290px;   display: block; margin: 0 auto; position: relative; z-index: 1; }



#certify33 .swiper-button-prev33 { width: 22px !important; height: 50px !important; background: rgba(0,0,0,0) url(../images/prev1.png) no-repeat left top !important; position: absolute; top: auto; bottom: 140px; left: -5%; outline: none; margin: 0 0 0 0 !important; background-size: 100% 100%; opacity: 1 !important; display: inline-block; z-index: 21; }
#certify33 .swiper-button-prev33:hover { background: rgba(0,0,0,0) url(../images/prev1.png) no-repeat left top !important; }
#certify33 .swiper-button-prev33::after { content: ''; }
#certify33 .swiper-button-next33 { width: 22px !important; height: 50px !important; background: rgba(0,0,0,0) url(../images/next1.png) no-repeat left top !important; position: absolute; top: auto; bottom: 140px; right: -5% !important; outline: none; margin: 0 0 0 0 !important; background-size: contain; opacity: 1 !important; display: inline-block; z-index: 21; }
#certify33 .swiper-button-next33:hover { background: rgba(0,0,0,0) url(../images/next1.png) no-repeat left top !important; }
#certify33 .swiper-button-next33::after { content: ''; }

#certify33 .ipg2-box .swiper-slide.swiper-slide-active:before { opacity: 1; }

#certify33 .ipg2-box .swiper-slide { opacity: 1; transition: all .8s; }
#certify33 .swiper-slide-active { transition: all .8s; opacity: 1 !important; }
#certify33 .swiper-slide-prev { transition: all .1s; opacity: 1; }
#certify33 .swiper-slide-next { transition: all .1s; opacity: 1; }
#certify33 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; }



.s_chairman { width: 100%; float: left; position: relative; z-index: 20; }



.s_chaircona { width: 100%; height: 100%; float: left; position: absolute; z-index: 10; left: 0; top: 0; background: rgba(0,0,0,0); }


/*115a9f*/

.s_cha_bt { width: 100%; height: 60px; float: left; font-size: 30px; color: #111; text-align: center; line-height: 60px; font-weight: bold; margin: 0px 0 40px 0; position: relative; }

.s_cha_bt::after { width: 50px; height: 4px; background: #115a9f; float: left; position: absolute; left: 50%; margin-left: -25px; bottom: 0; content: ''; }

.s_chairbg { width: 1920px; *width: 1920px; _width: 1920px; height: 1100px; position: relative; z-index: 5; margin: 0; top: 0; float: left; left: 50%; margin-left: -960px; *margin-left: -960px; _margin-left: -960px; overflow: hidden; }


.s_chairbg img { width: 100%; }


.s_chair1 { width: 100%; float: left; position: relative; z-index: 20; }

.s_man_01 { width: 900px; height: 510px; float: left; position: relative; z-index: 3; }

.s_man_01 img { width: 900px; height: 510px; }


.s_man_02 { width: 516px; height: 276px; float: left; position: absolute; z-index: 5; float: right; top: 232px; right: 0; border: 2px solid transparent; }

.s_man_02 img { width: 516px; height: 276px; }



.s_man_03 { width: 440px; height: 240px; float: left; position: absolute; z-index: 5;  top: 434px; left: 44px; 
background: rgba(21,109,191,.75); padding: 70px; }


.s_man_03_bt { width: 440px; height: 40px; float: left; margin: 50px 0 30px 0; font-size: 30px; color: #fff; text-align: left; line-height: 40px; font-weight: bold; }

.s_man_03_bt font { padding: 20px 0 0 30px; font-size: 16px; color: #fff; text-align: left; line-height: 20px; font-weight: normal; }



.s_man_03_xi { width: 100%; height: 120px; float: left; font-size: 16px; color: #fff; text-align: left; line-height: 30px; font-weight: normal;
 overflow:scroll;overflow-x:hidden;overflow-y:auto;}

.s_man_04 { width: 710px; height:480px; float: right; position: absolute; z-index: 8; float: right; top:510px; right: 0; 
background: rgba(2,2,2,.0); font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal;
 overflow:scroll;overflow-x:hidden;overflow-y:auto; }


.s_man_04 strong { width: 100%; float: left; margin: 30px 0 0 0; font-size: 22px; color: #115a9f; text-align: left; line-height: 40px; font-weight: bold; }


/*times  */


.s_times { width: 100%; float: left; position: relative; z-index: 20; }



.s_timescon { width: 100%; height: 100%; float: left; position: absolute; z-index: 10; left: 0; top: 0; background: rgba(0,0,0,0); }


.s_timebgc { width: 1920px; *width: 1920px; _width: 1920px; height: 600px; position: relative; z-index: 5; margin: 0; top: 0; float: left; left: 50%; margin-left: -960px; *margin-left: -960px; _margin-left: -960px; overflow: hidden; }


.s_timebgc img { width: 100%; height: 600px; }


.s_times_bt { width: 100%; height: 60px; float: left; font-size: 30px; color: #fff; text-align: center; line-height: 60px; font-weight: bold; margin: 0px 0 10px 0; position: relative; }

.s_times_bt::after { width: 50px; height: 4px; background: #80b4e5; float: left; position: absolute; left: 50%; margin-left: -25px; bottom: 0; content: ''; }




.s_history { width: 100%; height: 420px; position: relative; float: left; margin: 0px 0 10px 0; background: rgba(0,0,0,0); }



#certify4 { position: relative; width: 100%; float: left; }
#certify4 .swiper-container { padding: 0px; position: relative; background: url(../images/aline.jpg) repeat-x left 100px; overflow: hidden; }


#certify4 .swiper-slide { height: 380px !important; background: transparent; margin: 0px 0 0 0px !important; padding: 0px; text-align: center; transform: scale(1); transition: all ease-in .35s; position: relative; z-index: 8; }


#certify4 .swiper-slide-active, .swiper-slide-duplicate-active { -webkit-tap-highlight-color: transparent; outline: none; transition: all ease-in .35s; margin: 0px 0px 0 0px !important; transform: scale(1); background: transparent; position: relative; z-index: 8; }

.swiper-slide .cert_img { width: 100%; height: 100px; float: left; background: rgba(0,0,0,0); position: relative; z-index: 3; }

.swiper-slide .cert_img img { width: 44px !important; display: block; opacity: 0; margin: 20px auto 20px auto; }

.swiper-slide .cert_img .span1::after { width: 8px; height: 8px; float: left; position: absolute; z-index: 0; left: 0px; top: 0px; margin: 3px 0 0 3px; background: #1668be; border-radius: 50px; content: ''; }
.swiper-slide .cert_img .span1 { width: 14px; height: 14px; float: left; position: absolute; z-index: 2; left: 50%; margin-left: -7px; bottom: -8px; background: #1668be; border-radius: 50px; border: 1px solid #80b4e5; }


.swiper-slide .cert_times { width: 100%; height: 40px; margin: 20px 0 20px 0; float: left; position: relative; z-index: 3; font-size: 26px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; }



.swiper-slide .cert_wenan { width: 100%; height: 180px; opacity: 0; margin: 0px 0 20px 0; float: left; position: relative; z-index: 3; font-size: 16px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; }


.swiper-slide-active .cert_img { width: 100%; height: 100px; float: left; background: rgba(0,0,0,0); position: relative; z-index: 3; }
.swiper-slide-active .cert_img .span1::after { width: 8px; height: 8px; float: left; position: absolute; z-index: 0; left: 0px; top: 0px; margin: 3px 0 0 3px; background: #fff; border-radius: 50px; content: ''; }
.swiper-slide-active .cert_img .span1 { width: 14px; height: 14px; float: left; position: absolute; z-index: 2; left: 50%; margin-left: -7px; bottom: -8px; background: #1a60a3; border-radius: 50px; border: 1px solid #fff; }

.swiper-slide-active .cert_img img { width: 44px !important; display: block; opacity: 1; margin: 20px auto 20px auto; }


.swiper-slide-active .cert_times { width: 100%; height: 40px; margin: 20px 0 20px 0; float: left; position: relative; z-index: 3; font-size: 36px; color: #fff; text-align: center; line-height: 40px; font-weight: bold; }


.swiper-slide-active .cert_wenan { width:150%; height: 180px; opacity: 1; margin: 0px 0 0px 0px; float: left; position: absolute; left:0%; margin-left:-25%;
 bottom: 0px; z-index: 3; font-size: 16px; color: #fff; text-align: center; line-height: 30px; font-weight: normal; }




/*rongyu  honor*/

.s_honors { width: 100%; height: 480px; position: relative; float: left; margin: 20px 0 10px 0; background: rgba(0,0,0,.2); }



.s_himg { width: 50%; max-width: 960px; float: left; margin: 0; }


.s_himg img { width: 100%; }


.s_holist { width: 44%; max-width: 700px; float: left; margin: 0; }




.s_hosts_bt { width: 100%; height: 60px; float: left; font-size: 30px; color: #333; text-align: center; line-height: 60px; font-weight: bold; margin: 30px 0 30px 0; position: relative; }

.s_hosts_bt::after { width: 50px; height: 4px; background: #80b4e5; float: left; position: absolute; left: 50%; margin-left: -50px; bottom: 0; content: ''; }




.honos { width: 480px; float: left; margin: 20px 0 20px 140px; }


#certify5 { position: relative; width: 100%; display: block; margin: 0px 0px 0px 0px; position: relative; }
#certify5 .swiper-container { padding: 0; width: 320px; height: 300px; overflow: hidden; }
#certify5 .swiper-slide { width: 100%; padding: 0px; text-align: center; overflow: hidden; }
#certify5 .swiper-slide p { width: 100%; height: 30px; float: left; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }
#certify5 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; }


#certify5 .swiper-button-prev5 { text-indent: -9999px; position: absolute; z-index: 30; top: 50%; bottom: auto; left: 0px; width: 22px; height: 50px; background: rgba(255, 106, 0,0) url(../images/prev1.png) no-repeat; border: none; -webkit-tap-highlight-color: transparent; outline: none; }
#certify5 .swiper-button-prev5:hover { background: rgba(255, 106, 0,0) url(../images/prev1.png) no-repeat; }
#certify5 .swiper-button-next5 { text-indent: -9999px; right: 0px; top: 46%; bottom: auto; position: absolute; z-index: 30; width: 22px; height: 50px; background: rgba(255, 106, 0,0) url(../images/next1.png) no-repeat; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify5 .swiper-button-next5:hover { background: rgba(255, 106, 0,0) url(../images/next1.png) no-repeat; }





/* 社会职务及平台 Social position and platform  */


.s_platbox { width: 100%; float: left; position: relative; z-index: 20; }



.s_platcon { width: 100%; height: 100%; float: left; position: absolute; z-index: 10; left: 0; top: 0; background: rgba(0,0,0,0); }



.s_plat_bt { width: 100%; height: 60px; float: left; font-size: 30px; color: #333; text-align: center; line-height: 60px; font-weight: bold; margin: 0px 0 10px 0; position: relative; }

.s_plat_bt::after { width: 50px; height: 4px; background: #80b4e5; float: left; position: absolute; left: 50%; margin-left: -25px; bottom: 0; content: ''; }




.s_social { width: 100%; height: 160px; position: relative; float: left; margin: 20px 0 10px 0; background: rgba(0,0,0,0); overflow: hidden;}



#certify6 { position: relative; width: 100%; float: left; margin: 0px 0px 0px 0px; position: relative; }
#certify6 .swiper-container { padding: 0; overflow: hidden; }
#certify6 .swiper-slide { height: 60px; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; margin:0px 0px 0 0; 
padding:0px;  }
#certify6 .swiper-slide font{float:left;   width:30px; height: 60px; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; padding: 0px;  }

#certify6 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; }



.mySwiper { position: relative; width: 100%; float: left; margin: 0px 0px 0px -25%; position: relative; }
.mySwiper .swiper-container { padding: 0; overflow: hidden; }

.mySwiper  .swiper-slide {  background: rgba(0,0,0,0);  height: 60px; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; margin:0px 0px 0 0; 
padding:0px;  }
 .mySwiper .swiper-slide font{float:left;   width:30px; height: 60px; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; padding: 0px;  }




.s_platbg { width: 1920px; *width: 1920px; _width: 1920px; height: auto; position: relative; z-index: 5; margin: 0; top: 0; float: left; left: 50%; margin-left: -960px; *margin-left: -960px; _margin-left: -960px; overflow: hidden; }


.s_timebgc img { width: 100%; height: 550px; }


/*企业文化 corporate culture*/


.s_corpor { width: 100%; height: auto; float: left; }

.s_corpor ul { width: 100%; height: auto; float: left; text-align: center; }


.s_corpor ul li { width: 28%; height: auto; display: inline-block; margin: 0 2% 0 2%; }


.s_corpor ul li img { width: 40px; display: block; margin: 40px auto 20px auto; }


.s_corpor ul li .biaoti { width: 100%; height: auto; float: left; font-size: 30px; color: #111; text-align: center; line-height: 40px; font-weight: bold; margin: 10px 0 0px 0; }


.s_corpor ul li .yingwen { width: 100%; height: auto; float: left; font-size: 14px; color: #666666; text-align: center; line-height: 20px; font-weight: normal; margin: 0px 0 10px 0; text-transform: uppercase; }


.s_corpor ul li .jianjie { width: 100%; height: 90px; float: left; font-size: 16px; color: #333333; text-align: center; line-height: 30px; font-weight: normal; margin: 20px 0 20px 0; text-transform: uppercase; overflow: hidden; }



.s_corpor ul li .shuzi { width: 100%; height: auto; float: left; font-family: Arial; font-size: 30px; color: #ccdaf0; text-align: center; line-height: 40px; font-weight: bold; margin: 0px 0 0px 0; }



.s_corpmore { width: 136px; height: auto; display: block; margin: 0 auto; }


.s_corpmore a { width: 136px; height: 36px; float: left; margin: 20px 0 10px 0; background: #fff; border: 1px solid #002a66; font-size: 16px; color: #002a66; text-align: center; line-height: 36px; font-weight: normal; }


/*tianzheng  video   弹窗视频 1100*720 */


.s_videos { width: 100%; height: auto; float: left; }


.svbg { width: 100%; float: left; }

.svTitle { width: 100%; height: 68px; background: rgba(125,458,122,0); float: right; position: relative; border-bottom: 1px solid #bccce7; }


.svTitle h3 { width: auto; height: 66px; float: left; font-size: 30px; color: #333; text-align: left; line-height: 60px; font-weight: bold; margin: 0px 0 0px 0; position: relative; }

.svTitle h3::after { width: 50px; height: 4px; background: #1a60a3; float: left; position: absolute; left: 0%; margin-left: 0px; bottom: -2px; content: ''; }


.svTitle ul { height: 66px; float: right; display: inline; }
.svTitle ul li { height: 66px; padding: 0px 20px; float: left; background: #fff; font-size: 16px; color: #222; text-align: center; line-height: 66px; font-weight: normal; border-bottom: 2px solid transparent; }



.svTitle ul li.active { height: 66px; padding: 0px 20px; float: left; background: #fff; font-size: 16px; color: #1a60a3; text-align: center; line-height: 66px; font-weight: bold; border-bottom: 2px solid #1a60a3; }



.svContent { width: 100%; min-height: 500px; background: rgba(222,222,122,0); float: left; }

.s_vpic { width: 100%; float: left; }

.s_vpic dl { width: 103%; float: left; }

.s_vpic dl dd { width: 31%; max-width: 446px; float: left; margin: 2% 2% 2% 0; padding: 0 0 2% 0; border-bottom: 1px solid #c9ccd5; position: relative; }


.s_vpic dl dd .s_viframe { width: 100%; height: 340px; float: left; margin: 0; overflow: hidden; position: relative; }

.s_viframe iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: medium none; object-fit: cover; }


.s_vpic dl dd .s_viframe iframe img { width: 100%; height: 100%; object-fit: cover; cursor: pointer; }


.s_vpic dl dd .video_bt { width: 94%; height: 40px; float: left; margin: 1% 0 1% 2%; font-size: 16px; color: #222222; text-align: left; line-height: 40px; font-weight: normal; text-transform: uppercase; }

.s_vpic dl dd .video_bt .vwen { width: 70%; float: left; font-size: 16px; color: #222222; text-align: left; line-height: 40px; font-weight: normal; }


.s_vpic dl dd .video_bt font { float: right; font-size: 16px; color: #222222; text-align: left; line-height: 40px; font-weight: normal; text-transform: uppercase; cursor: pointer; }



.s_vpic dl dd .video_xx { width: 70%; height: 40px; float: left; margin: 0% 0 0% 2%; font-size: 14px; color: #222222; text-align: left; line-height: 20px; font-weight: normal; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; }


.s_vpic dl dd::after { width: 100px; height: 4px; background: #1a6ebf; float: right; position: absolute; right: 0%; bottom: -4px; content: ''; transition: all ease .35s; }


.s_vpic dl dd:hover .video_bt font { float: right; font-size: 16px; color: #1a6ebf; text-align: left; line-height: 40px; font-weight: normal; text-transform: uppercase; cursor: pointer; }


.s_vpic dl dd:hover::after { width: 100%; height: 4px; background: #1a6ebf; float: right; position: absolute; right: 0%; bottom: -4px; content: ''; transition: all ease .35s; }


.m_videos { position: relative; }
.m_videos .shipins { position: relative; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; display: none; visibility: hidden; }
.m_videos .shipins.on { opacity: 1; display: block; visibility: visible; }
.m_videos .shipins:nth-child(1) { position: relative; }



.panel { width: 100%; height: 100%; float: left; position: fixed; z-index: 999; left: 0; top: 0; background: rgba(0,0,0,.5); display: none; }


.viobox { width: 1100px; height: 720px; background: #fff; float: left; position: relative; left: 50%; margin: 4% 0 0 -550px; }

.viobox iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: medium none; object-fit: cover; }


.viobox iframe img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: medium none; object-fit: cover; }



.viocc { width: 31px; height: 31px; float: right; position: absolute; z-index: 15; top: -36px; right: -36px; }

/*视频列表  listing*/

.spbox_line { position: relative; height: 60px; border-bottom: 1px solid #f7f8fc; }
.spbox { min-width: 1400px; height: 60px; margin: 0px auto 0 auto; }
.spbox ul { padding: 0; margin: 0 auto; width: 100%; display: block; margin-left: 0px; /*border-bottom: 2px solid #eee;*/ }
.spbox ul li { width: 33.33%; text-align: left; height: 60px; margin: 0 0px 1% 0; line-height: 60px; float: left; text-align: center; position: relative; }
.spbox ul li a { display: block; font-size: 18px; color: #333; text-decoration: none; }

.spbox ul li a font { display: inline-block; margin: 0 auto; font-size: 18px; color: #222222; text-align: center; line-height: 60px; font-weight: bold; }


.spbox ul li a img.simg1 { width: 34px; height: 30px; display: inline-block; margin: 0 auto; vertical-align: middle; }
.spbox ul li a img.simg2 { width: 34px; height: 30px; display: none; margin: 0 auto; vertical-align: middle; }


.spbox ul li a:hover { width: 100%; height: 60px; float: left; margin: 0 0 1% 0; background: url(../images/zxing.jpg) repeat-x left bottom; box-shadow: 0 10px 5px -5px rgba(0,43,102,.3); text-align: center; }

.spbox ul li a:hover font { display: inline-block; margin: 0 auto; font-size: 18px; color: #fff; text-align: center; line-height: 60px; font-weight: bold; }


.spbox ul li a:hover img.simg1 { width: 34px; height: 30px; display: none; margin: 0 auto; vertical-align: middle; }
.spbox ul li a:hover img.simg2 { width: 34px; height: 30px; display: inline-block; margin: 0 auto; vertical-align: middle; }

.spbox ul li a.active { width: 100%; height: 60px; float: left; margin: 0 0 1% 0; background: url(../images/zxing.jpg) repeat-x left bottom; box-shadow: 0 10px 5px -5px rgba(0,43,102,.3); text-align: center; }

.spbox ul li a.active font { display: inline-block; margin: 0 auto; font-size: 18px; color: #fff; text-align: center; line-height: 60px; font-weight: bold; }


.spbox ul li a.active img.simg1 { width: 34px; height: 30px; display: none; margin: 0 auto; vertical-align: middle; }
.spbox ul li a.active img.simg2 { width: 34px; height: 30px; display: inline-block; margin: 0 auto; vertical-align: middle; }


.s_listbg { width: 100%; float: left; margin: -3px 0 0px 0; padding: 0 0 0% 0; background: #f7f8fa; }


/*河豚 文化  Puffer fish culture */
.fish_bg { width: 100%; float: left; height: 796px; background: #f7f8fa url(../images/cbbgc.jpg) no-repeat center bottom; background-size: cover; }

.fish_line { position: relative; height: 60px; border-bottom: 1px solid transparent; }
.cultbox { min-width: 1400px; height: 60px; margin: 0px auto 0 auto; }
.cultbox ul { padding: 0; margin: 0 auto; width: 100%; display: block; margin-left: 0px; /*border-bottom: 2px solid #eee;*/ }
.cultbox ul li { width: 50%; text-align: left; height: 60px; margin: 0 0px 1% 0; line-height: 60px; float: left; text-align: center; position: relative; }
.cultbox ul li a { display: block; font-size: 18px; color: #333; text-decoration: none; }

.cultbox ul li a font { display: inline-block; margin: 0 auto; font-size: 18px; color: #222222; text-align: center; line-height: 60px; font-weight: bold; }


.cultbox ul li a img.simg1 { width: 34px; height: 30px; display: inline-block; margin: 0 auto; vertical-align: middle; }
.cultbox ul li a img.simg2 { width: 34px; height: 30px; display: none; margin: 0 auto; vertical-align: middle; }


.cultbox ul li a:hover { width: 100%; height: 60px; float: left; margin: 0 0 1% 0; background: url(../images/zxing.jpg) repeat-x left bottom; box-shadow: 0 10px 5px -5px rgba(0,43,102,.3); text-align: center; }

.cultbox ul li a:hover font { display: inline-block; margin: 0 auto; font-size: 18px; color: #fff; text-align: center; line-height: 60px; font-weight: bold; }


.cultbox ul li a:hover img.simg1 { width: 34px; height: 30px; display: none; margin: 0 auto; vertical-align: middle; }
.cultbox ul li a:hover img.simg2 { width: 34px; height: 30px; display: inline-block; margin: 0 auto; vertical-align: middle; }

.cultbox ul li a.active { width: 100%; height: 60px; float: left; margin: 0 0 1% 0; background: url(../images/zxing.jpg) repeat-x left bottom; box-shadow: 0 10px 5px -5px rgba(0,43,102,.3); text-align: center; }

.cultbox ul li a.active font { display: inline-block; margin: 0 auto; font-size: 18px; color: #fff; text-align: center; line-height: 60px; font-weight: bold; }


.cultbox ul li a.active img.simg1 { width: 34px; height: 30px; display: none; margin: 0 auto; vertical-align: middle; }
.cultbox ul li a.active img.simg2 { width: 34px; height: 30px; display: inline-block; margin: 0 auto; vertical-align: middle; }




.s_cult_bt { width: 100%; height: 60px; float: left; font-size: 30px; color: #111; text-align: center; line-height: 60px; font-weight: bold; margin: 30px 0 40px 0; position: relative; }

.s_cult_bt::after { width: 50px; height: 4px; background: #115a9f; float: left; position: absolute; left: 50%; margin-left: -25px; bottom: 0; content: ''; }


.m_xqlunbo { width: 100%; float: left; margin: 10px 0 20px 0; }



#certify7 { position: relative; width: 100%; display: block; margin: 0px auto; }
#certify7 .swiper-container { padding: 0px 0px; overflow: hidden; }
#certify7 .swiper-wrapper { width: 100%; float: left; margin: 0 0 0 0px; position: relative; z-index: 10; }
#certify7 .swiper-slide { width: 100% !important; height: 400px !important; background: rgba(255,255,255,1); margin: 0px !important; position: relative; z-index: 15; overflow: hidden; }

#certify7 .swiper-slide .imgs { width: 50%; max-width: 700px; float: left; }

#certify7 .swiper-slide .imgs img { width: 100%; }

#certify7 .swiper-slide .imtxt { width: 42%; max-width: 588px; height: auto !important; min-height: 300px; background: rgba(251,125,34,0); float: left; margin: 4% 0 0 4%; }


#certify7 .swiper-slide .imtxt .vwen { width: 100%; height: 40px; float: left; font-size: 24px; color: #222222; text-align: left; line-height: 40px; font-weight: normal; overflow:hidden; }


#certify7 .swiper-slide .imtxt .itmes { width: 100%; height: 20px; float: left; font-size: 16px; color: #999999; text-align: left; line-height: 20px; font-weight: normal; text-transform: uppercase; cursor: pointer; padding-bottom: 2%; border-bottom: 1px solid #c9ccd5; }



#certify7 .swiper-slide .imtxt .imt_xx { width: 100%; height: 84px; float: left; margin: 3% 0 6% 0%; font-size: 16px; color: #666666; text-align: left; line-height: 28px; font-weight: normal; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; }

#certify7 .swiper-slide .imtxt h6 { width: 80px; height: 30px; float: right; position: relative; margin: 10px 0 20px 0; text-align: left; color: #002a66; font-size: 14px; line-height: 30px; font-weight: normal; font-style: normal; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; }

#certify7 .swiper-slide .imtxt h6 a{color: #002a66;}

#certify7 .swiper-slide .imtxt h6 img { float: right; width: 12px !important; margin: 12px 4px 0 0; }


#certify7 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; }

#certify7 .xqdi { width: 172px; height: 50px; float: right; background: url(../images/zprev1.jpg) no-repeat left bottom; position: absolute; z-index: 20; right: 0; bottom: -70px; }
#certify7 .swiper-button-prev7 { text-indent: -9999px; width: 84px; height: 50px; float: left; margin: 0; padding: 0; left: 0; top: 0; background: url(../images/zprev1.jpg) no-repeat left top; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify7 .swiper-button-prev7:hover { background: url(../images/zprev1.jpg) no-repeat; }
#certify7 .swiper-button-next7 { text-indent: -9999px; width: 84px; height: 50px; float: left; margin: 0; padding: 0; left: 86px; top: 0; background: url(../images/znext1.jpg) no-repeat left top; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify7 .swiper-button-next7:hover { background: url(../images/znext1.jpg) no-repeat; }



.s_culists { width: 100%; height: auto; float: left; margin: 2% 0 3% 0; }

.s_culists dl { width: 100%; height: auto; float: left; margin: 0; display: flex; align-items: flex-start; text-align: left; flex-flow: column; }

.s_culists dl dd { width: 100%; height: 260px; float: left; margin: 1% 0 0% 0; background: url(../images/hbgc1.png) no-repeat left top; background-size: cover; position: relative; transition: all ease-in .4s; }


.s_culists dl dd .s_cbgc1 { width: 180px; height: 239px; position: relative; margin: 10px 0 0 18px; float: left; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #002a66; line-height: 30px; font-weight: normal; 
text-align: center; flex-flow: column; background: #d7dee9; color: #4d4d4d; }

.s_culists dl dd .s_cbgc1 font { width: 100%; float: left; font-size: 22px; color: #002a66; text-align: center; line-height: 30px; 
font-weight: bold; }

.s_culists dl dd .s_cbgc2 { width: 44%; margin: 2% 0 0 4%; float: left; background: rgba(0,42,102,0); }

.s_culists dl dd .s_cbgc2 .wenzi { width: 100%; height: 40px; float: left; font-size: 22px; color: #111111; text-align: left; line-height: 40px; 
font-weight: normal; overflow:hidden;}


.s_culists dl dd .s_cbgc2 .xianngxi { width: 100%; height: 84px; float: left; margin: 3% 0 3% 0; font-size: 16px; color: #999999; text-align: left; line-height: 28px; font-weight: normal; text-transform: uppercase; }


.s_culists dl dd .s_cbgc3 { width: 30%; height: 239px; float: right; margin: 10px 0 0 0; }

.s_culists dl dd .s_cbgc3 img { width: 100%; height: 100%; }



#certify7 .swiper-slide .imtxt .imt_xx { width: 100%; height: 84px; float: left; margin: 3% 0 6% 0%; font-size: 16px; color: #666666; text-align: left; line-height: 28px; font-weight: normal; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; }



.s_culists dl dd:hover { width: 100%; height: 260px; float: left; margin: 1% 0 0% -2%; background: url(../images/hbgc2.png) no-repeat left top; background-size: cover; position: relative; transition: all ease-in .4s; }


.s_culists dl dd:hover .s_cbgc1 { background: #002a66; color: #fff; }

.s_culists dl dd:hover .s_cbgc1 font { color: #fff; }

.s_culists dl dd:hover .s_cbgc2 .wenzi { color: #002a66; }


.s_culshow { width: 94%; max-width: 1320px; float: left; background: #fff; margin: 2% 0 3% 0; padding: 3%; }


.s_culshow .show_bt { width: 100%; float: left; margin: 0 0 1% 0; font-size: 30px; color: #222222; text-align: left; line-height: 30px; font-weight: bold; }


.s_culshow .show_times { width: 100%; height: 20px; float: left; font-size: 16px; color: #111; text-align: left; line-height: 20px; font-weight: normal; text-transform: uppercase; cursor: pointer; padding-bottom: 2%; border-bottom: 1px solid #c9ccd5; }


.s_culshow .show_navi { float: right; font-size: 16px; color: #111; text-align: left; line-height: 20px; font-weight: normal; }

.s_culshow .show_navi a { color: #111; }
.s_culshow .show_navi a:hover { color: #002a66; }

.s_culshow .show_xx { width: 96%; max-width: 1280px; height: auto; float: left; margin: 2% 0 2% 2%; font-size: 16px; color: #666666; text-align: left; line-height: 28px; font-weight: normal; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; }

.s_culshow strong { color: #111; font-weight: bold; }

.s_culshow img { max-width: 100%; display: block; margin: 0 auto; }



/*fanye*/
.s_fanye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; }

.s_fan1 ul { width: 100%; height: auto; float: left; }

.s_fan1 ul li { width: 100%; height: auto; margin: 10px 0 10px 0; float: left; font-size: 16px; color: #111; line-height: 30px; font-weight: normal; }

.s_fan1 ul li a { font-size: 16px; color: #111; line-height: 30px; font-weight: normal; }
.s_fan1 ul li font { padding-right: 10px; font-size: 16px; color: #111; line-height: 30px; font-weight: normal; }

.s_fan1 ul li a:hover { color: #002a66; }


/*人才招聘  Talent recruitment*/


.s_recbgc { width: 100%; float: left; margin: 0; padding: 4% 0; background: #fff; }


.s_recbgc ul { width: 100%; float: left; padding: 1% 0; }


.s_recbgc ul li { width: 46%; height: auto; float: left; background: #fff; border: none; box-shadow: 0 1px 20px rgba(34,34,34,0); padding: 1% 1%; margin: 2% 1% 1% 1%; transition: all .2s; }


.s_recbgc ul li img.emg1 { width: 94px; height: auto; float: left; margin: 0; border: 1px solid #c9a063; border-radius: 50%; display: block; }
.s_recbgc ul li img.emg2 { width: 94px; height: auto; float: left; margin: 0; border: 1px solid #c9a063; border-radius: 50%; display: none; background: #c9a063; }



.s_recbgc ul li:hover { width: 46%; height: auto; float: left; background: #fff; border: none; box-shadow: 0 1px 20px rgba(34,34,34,.1); padding: 1% 1%; margin: 2% 1% 1% 1%; transition: all .2s; }

.s_recbgc ul li:hover img.emg1 { width: 94px; height: auto; float: left; margin: 0; border: 1px solid #c9a063; border-radius: 50%; display: none; }
.s_recbgc ul li:hover img.emg2 { width: 94px; height: auto; float: left; margin: 0; border: 1px solid #c9a063; border-radius: 50%; display: block; background: #c9a063; }


.s_recbgc ul li .emg_bt { width: 72%; height: auto; float: left; margin: 2% 2% 2% 3%; padding: 0 3% 0 4%; position: relative; }

.emg_bt::after { width: 1px; height: 50px; float: left; background: #dddddd; content: ''; position: absolute; left: 0; top: 10px; }

.emg_1 { width: 100%; height: 40px; float: left; float: left; font-size: 16px; color: #222222; line-height: 30px; font-weight: normal; }

.emg_1_zhong { width: 260px; height: 40px; float: left; font-size: 24px; color: #222222; line-height: 40px; font-weight: bold; position: relative; }

.emg_1_zhong::after { width: 51px; height: 1px; float: left; background: #dddddd; content: ''; position: absolute; right: 40px; top: 15px; }

.emg_ying { width: 100%; height: auto; float: left; float: left; font-size: 16px; color: #222222; line-height: 20px; font-weight: normal; text-transform: uppercase; }



/*人才招聘 联系我们*/
.s_talentbg { width: 100%; float: left; height: 500px; background: #f7f8fa url(../images/human_bg.jpg) no-repeat center bottom; background-size: cover; }


.s_talentbg ul { width: 103%; float: left; margin: 6% 0 0 -2%; text-align: center; }


.s_talentbg ul li { width: 31%; max-width: 440px; height: 300px; float: none; background: transparent; border: none; box-shadow: 0 5px 20px rgba(34,34,34,0); padding: 0% 0%; display: inline-block; margin: 2% 1% 2% 1%; transition: all .2s; }

.s_talentbg ul li:hover { width: 31%; max-width: 440px; height: 300px; float: none; background: #fff; border: none; box-shadow: 0 5px 20px rgba(34,34,34,.2); padding: 0% 0%; display: inline-block; margin: 2% 1% 2% 1%; transition: all .2s; }



.s_talentbg ul li .talent_imgbg { width: 70%; max-width: 300px; float: left; margin: 20% 0 2% 15%; border-bottom: 1px solid #dddddd; position: relative; }


.talent_imgbg::after { width: 60px; height: 3px; float: left; background: #222; content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: -2px; }

.s_talentbg ul li:hover .talent_imgbg::after { width: 60px; height: 3px; float: left; background: #c9a063; content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: -2px; }

.talent_imgbg img { width: 50px; display: block; margin: 0 auto; }

.s_talentbg ul li .talent_bt { width: 70%; max-width: 300px; float: left; margin: 3% 0 2% 15%; font-size: 24px; color: #222222; line-height: 40px; text-align: center; font-weight: bold; position: relative; }


.s_talentbg ul li .talent_xx { width: 70%; max-width: 300px; height: 60px; float: left; margin: 1% 0 2% 15%; font-size: 18px; color: #222222; line-height: 30px; font-weight: normal; text-transform: uppercase; }


/*news*/

.s_newbg { width: 100%; float: left; margin: -2px 0 0px 0; padding: 0 0 0% 0; background: #fff; }


.s_news { width: 100%; height: auto; float: left; margin: 1% 0 3% 0; }

.s_news dl { width: 100%; height: auto; float: left; margin: 0; display: flex; align-items: flex-start; text-align: left; flex-flow: column; }

.s_news dl dd { width: 100%; height: 240px; float: left; margin: 1% 0 0% 0; background: #fff; position: relative; transition: all ease-in .4s; }


.s_news dl dd .s_nsc1 { width: 180px; height: 239px; position: relative; margin: 10px 0 0 18px; float: right; display: flex; align-items: center;
 justify-content: center; font-size: 16px; color: #002a66; line-height: 30px; font-weight: normal; text-align: center;
 flex-flow: column; background: transparent; opacity: 1; }

.s_news dl dd .s_nsc1 font { width: 100%; float: left; font-size: 22px; color: #002a66; text-align: center; line-height: 30px; font-weight: bold; }

.s_news dl dd .s_nsc2 { width: 42%; margin: 2% 0 0 4%; float: left; background: rgba(0,42,102,0); }

.s_news dl dd .s_nsc2 .wenzi { width: 100%; height: auto; float: left; font-size: 22px; color: #111111; text-align: left; line-height:36px; font-weight: normal;overflow: hidden;
  }


.s_news dl dd .s_nsc2 .xianngxi { width: 100%; height: 84px; float: left; margin: 3% 0 3% 0; font-size: 16px; color: #999999; text-align: left; line-height: 28px; font-weight: normal; text-transform: uppercase; }


.s_news dl dd .s_nsc3 { width: 30%; height: 240px; float: left; margin: 0px 0 0 0; }

.s_news dl dd .s_nsc3 img { width: 100%; height: 100%; }



.s_news dl dd .s_nsc4 { width: 80px; float: right; margin: 70px 40px 0 0; display: none; }

.s_news dl dd .s_nsc3 img { width: 100%; height: 100%; }

.s_news dl dd:hover { width: 100%; height: 240px; float: left; margin: 1% 0 0% 0; background: #d7dee9; position: relative; transition: all ease-in .4s; }


.s_news dl dd:hover .s_nsc1 { opacity: 0; display: none; }


.s_news dl dd:hover .s_nsc4 { display: block; }




.s_fenye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; }
ul.pl1-b { PADDING: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center; }
ul.pl1-b li.pl1-b1 { display: inline-block; margin: 4px 5px; }
ul.pl1-b li.pl1-b1 span { font-family: Arial; font-size: 14px; COLOR: #666; TEXT-DECORATION: none; text-align: center; color: #666; padding: 5px 12px; BORDER: #ddd 1px solid; background: #fff; }

ul.pl1-b li.pl1-b1 A { font-family: Arial; font-size: 14px; color: #666; TEXT-DECORATION: none; text-align: center; padding: 5px 12px; BORDER: #ddd 1px solid; background: #fff; }
ul.pl1-b li.pl1-b1 A:hover { font-family: Arial; font-size: 14px; color: #fff; border: #002a66 1px solid; BACKGROUND-COLOR: #002a66; }

ul.pl1-b li.pl1-b1.on1 { font-family: Arial; font-size: 14px; color: #fff; }

ul.pl1-b li.pl1-b1.on1 span { background: none; border: none; color: #fff; border: #002a66 1px solid; BACKGROUND-COLOR: #002a66; }
ul.pl1-b li.pl1-b1 A:active { font-family: Arial; font-size: 14px; color: #fff; }
ul.pl1-b li.pl1-b1 SPAN.current { FONT-WEIGHT: bold; font-family: Arial; font-size: 14px; COLOR: #fff; BORDER: #002a66 1px solid; BACKGROUND-COLOR: #002a66; }
ul.pl1-b li.pl1-b1 SPAN.disabled { font-family: Arial; font-size: 14px; COLOR: #fff; }




/*prod*/


.spro_line { position: relative; height: 60px; border-bottom: 1px solid #fff; }

.s_prods { width: 100%; height: auto; float: left; margin: 1% 0 3% 0; }

.s_prods dl { width: 103%; height: auto; float: left; margin: 0; }

.s_prods dl dd { width: 31%; height: auto; float: left; margin: 1% 2% 1% 0; position: relative; transition: all ease .4s; }

.s_prods dl dd:after,.s_prods dl dd:before { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #fff; z-index: -2; border-radius: 4px; }

.s_prods dl dd:hover { z-index: 1; background: transparent; transition: all ease .4s; }

.s_prods dl dd:before { transition: .3s; background: #c9a063; z-index: -1; }

.s_prods dl dd:hover:after,.s_prods dl dd:hover:before { width: 100%; }

.s_prods dl dd img { width: 100%; float: left; background: #faf8f5; position: relative; z-index: 5; }

.s_prods dl dd .probt { width: 100%; height: 60px; float: left; margin: 0; font-size: 18px; color: #222222; background: #fff; text-align: center; line-height: 60px; font-weight: bold; position: relative; z-index: 5; text-overflow: ellipsis; overflow: hidden; }

.s_prods dl dd font { width: 100%; height: 50px; float: left; margin: 0; font-size: 16px; color: #c9a063; text-align: center; line-height: 50px; font-weight: normal; text-transform: uppercase; background: transparent; border-bottom: 1px solid #c9a063; position: relative; z-index: 5; }

.s_prods dl dd:hover font{color:#fff;}




.s_pshows1{width:100%; float:left; margin:6% 0 4% 0;}

.s_pshows1_img{width:52%; max-width:730px; float:left; margin:0;}


.s_pshows1_img img{width:100%;}


.s_pshows1 .s_pshows1_txt { width: 48%; max-width:590px; height: auto; float: right; margin:1% 0 3% 0; font-size: 16px; color: #222; text-align: justify; line-height: 28px; font-weight: normal; text-transform: uppercase; }

.s_pshows1 .s_pshows1_txt h4{width:100%; float:left;  font-size:24px; color: #333333; text-align: left; line-height:30px; font-weight: bold; }

.s_pshows1 .s_pshows1_txt h5{ width: 100%; height: auto; float:left; font-size: 16px; color: #333333; text-align: left; line-height: 28px; font-weight: normal; margin:0 0 2% 0; }


.s_pshows2 { width: 100%; height: auto; float: left; margin: 1% 0 0% 0; }


.s_pshows2_bt{ width: 100%; height: auto; float: left; margin:0% 0 1% 0; }
.s_pshows2_bt h4{width:100%; float:left;  font-size:36px; color: #333333; text-align: left; line-height:40px; font-weight: bold; }

.s_pshows2_bt h5{ width: 100%; height: auto; float:left; font-size: 24px; color: #333333; text-align: left; line-height: 30px; font-weight: normal; margin:1% 0 2% 0; }


.s_pshows2_con { width:calc(100% - 40px); height: auto!important; min-height:540px; background:#fff; float: right; margin: 1% 0 0 0; position:relative; z-index:6;}

.s_fish_img{width:64%; max-width:994px; float:right; position:absolute; z-index:9; right:0; bottom:0; top:-170px;}


.s_fish_txt{width:54%; max-width:600px; float:left; margin:40px 0 0 -20px;  }


.s_fish_txt table {
	width: 100%;
    float:left;
	border-collapse:collapse;
}


.s_fish_txt table tr td{border:1px solid #eeeeee; padding:10px 40px 10px 30px;  font-size: 16px; color: #333333; text-align: left; line-height: 28px; font-weight: normal; }



.s_pshows3 { width: 100%; height: auto; float: left; margin:0% 0 0% 0; }

.s_pshows3  img{width:100%; display:block; margin:0 auto;}


/*资本合作 capital cooperation*/


.s_capitbox{width:100%; float:left;  position:relative;   z-index:20;}


.s_capitbg{width:100%; float:left;  position:relative; z-index:5;  margin-bottom:8%;}

.s_capitbg img{width:100%;}

.s_capitcon{width:100%; float:left;  position:absolute; z-index:15; left:0; top:0; }

.s_capit_logo{width:432px; height:69px; float:right; margin:70px 1% 40px 0; padding:18px 12px; background:rgba(255,255,255,.4);}

.s_capit_logo img{width:432px; height:69px;}


/*经销商  distributor*/

.s_capilist{width:100%; float:left; margin:0;}

.s_capilist dl {width:103%; float:left; margin:0;}


.s_capilist dl dd{width:46%; max-width:680px; height:auto!important; min-height:440px; background:#fff;  float:left; margin:4% 4% 4% 0; background:#fff; box-shadow:0 4px 10px rgba(34,34,34,.1); }


.s_capilist dl dd .cap_line{width:300px; height:1px; float:left; background:#c9a063; position:relative;margin:40px 0 30px 0; }

 .cap_line::after{width:80px; height:20px; float:left; background:#c9a063; content:''; position:absolute; left:0; top:0; margin-top:-8px; }

 
.s_capilist dl dd  .captext{width:90%; max-width:600px; float:left; margin:0 0 4% 5%;  font-size: 16px; color: #333333; text-align: left; line-height:40px; font-weight: normal; }

 .captext h5{width:100%; float:left; margin:0 0 10px 0; font-size:36px; color:#c9a063; text-align:left; line-height:50px; font-weight:normal;  }

.s_capitbox{width:100%; float:left;  position:relative;   z-index:20;}


/*餐饮加盟 catering franchise*/

.s_franchbox{width:100%; float:left;  position:relative; z-index:20;   }

.s_franchbg{width:100%; float:left;  position:relative; z-index:5;  margin-bottom:24%;}

.s_franchbg img{width:100%;}

.s_franchcon{width:100%; float:left;  position:absolute; z-index:15; left:0; top:0; }



.s_fra_bt { width: 100%; height: 60px; float: left; font-size: 30px; color: #111; text-align: center; line-height: 60px; font-weight: bold; margin: 0px 0 40px 0; position: relative; }

.s_fra_bt::after { width: 50px; height: 4px; background: #111; float: left; position: absolute; left: 50%; margin-left: -25px; bottom: 0; content: ''; }


.s_ftalist{width:100%; float:left; margin:0;}

.s_ftalist dl {width:103%; float:left; margin:0; }


.s_ftalist dl dd{width:42%; max-width:680px; height:auto!important; min-height:520px; background:#fff;  float:left; margin:1% 4% 4% 0; padding:2%; background:#fff; box-shadow:0 4px 10px rgba(34,34,34,.1);   position:relative;      }

.s_ftalist dl dd img{width:100%; display:block; margin:0 auto;}

.s_ftalist dl dd .s_fra_biaoti{ width: 100%; height: 80px; float: left; margin:4% 0 1% 0; position:relative;   transition:all 2s;}
.s_ftalist dl dd .s_fra_biaoti h4{width:100%; height:40px; float:left;  font-size:24px; color: #002a66; text-align:center; line-height:40px; font-weight: bold;  transition:all 2s; }

.s_ftalist dl dd .s_fra_biaoti h5{ width: 100%; height: 30px; float:left; font-size:14px; color: #002a66; text-align: center; line-height: 30px; font-weight: normal; text-transform:uppercase; transition:all 2s;}


.s_ftalist dl dd .s_fra_more{ width: 140px; height: 50px; float: right;  display:none; position:absolute; right:4%; bottom:10%;  margin:0; font-size:14px; color: #002a66; text-align: center; line-height: 50px; font-weight: normal; border:1px solid #002a66; }



.s_ftalist dl dd:hover{width:42%; max-width:680px; height:auto!important; min-height:520px; background:#fff;  float:left; margin:1% 4% 4% 0; padding:2%; background:#fff; box-shadow:0 4px 10px rgba(34,34,34,.1);   transition:all 2s;  }

.s_ftalist dl dd:hover .s_fra_biaoti{ width: 70%; height: 80px; float: left; margin:4% 0 1% 0;  }
.s_ftalist dl dd:hover .s_fra_biaoti h4{width:100%; height:40px; float:left;  font-size:24px; color: #002a66; text-align:left; line-height:40px; font-weight: bold;  transition:all 2s; }

.s_ftalist dl dd:hover .s_fra_biaoti h5{ width: 100%; height: 30px; float:left; font-size:14px; color: #002a66; text-align: left; line-height: 30px; font-weight: normal; text-transform:uppercase;  transition:all 2s; }

.s_ftalist dl dd:hover .s_fra_more{ width: 140px; height: 50px; float: right; display:block;  position:absolute; right:4%; bottom:10%;  margin:0;  font-size:14px; color: #002a66; text-align: center; line-height: 50px; font-weight: normal; border:1px solid #002a66; }

/*品牌共赢  win win brand*/


.s_brandbox{width:100%;   float:left;  position:relative; z-index:20;   }

.s_brandbg{width:100%; height:960px; float:left;  position:relative; z-index:5;  margin-bottom:0%;}

.s_brandbg img{width:100%; height:960px;}

.s_brandcon{width:100%; float:left;  position:absolute; z-index:15; left:0; top:0; }



.s_win_bt { width: 100%; height: 60px; float: left; font-size: 30px; color: #111; text-align: center; line-height: 60px; font-weight: bold; margin: 0px 0 40px 0; position: relative; }

.s_win_bt::after { width: 50px; height: 4px; background: #1b2a52; float: left; position: absolute; left: 50%; margin-left: -25px; bottom: 0; content: ''; }


.s_winlist{width:100%; float:left; margin:0;}

.s_winlist dl {width:103%; float:left; margin:0; }


.s_winlist dl dd{width:24%; max-width:466px; height:auto!important; min-height:500px; background:#fff;  float:left; margin:1% 3% 2% 0; padding:2% 3% 1% 3%; background:#fff; box-shadow:0 4px 10px rgba(34,34,34,.1);   position:relative;      }

.s_winlist dl dd img{width:100%; display:block; margin:0px auto; }

.s_winlist dl dd  h4{width:100%; height:40px; float:left; margin:5% 0 0 0; font-size:18px; color: #222222; text-align:center; 
line-height:40px; font-weight: bold;  }

.s_winlist dl dd  h5{ width: 100%; height:120px; float:left; font-size:16px; color: #222222; text-align: center; line-height: 30px; font-weight: normal; text-transform:uppercase;   display:-webkit-box;   -webkit-line-clamp:4; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; }


.s_winlist dl dd:hover h4{color:#002a66; font-weight:bold; }

/*industry*/
.indus_height { position: relative; height: 60px;   border-bottom:1px solid #fff; }
.indus_box { min-width: 1400px; height: 60px; margin:-2px auto 0 auto;  } 
.indus_box ul { padding: 0; margin: 0 auto; width: 100%; display: block; margin-left:0px; /*border-bottom: 2px solid #eee;*/ } 
.indus_box ul li { width: 16.6%; text-align: left; height: 60px; margin: 0 0px 0% 0; line-height: 60px; float: left; text-align: center; position: relative; }
.indus_box ul li a { display: block; font-size: 18px; color: #333; text-decoration: none; }

.indus_box ul a font { display: inline-block; margin: 0 auto; font-size: 18px; color: #222222; text-align: center; line-height: 60px; font-weight: bold; }


.indus_box  ul li a img.simg1 { width: 34px; height: 30px; display: inline-block; margin: 0 auto; vertical-align: middle; }
.indus_box  ul li a img.simg2 { width: 34px; height: 30px; display: none; margin: 0 auto; vertical-align: middle; }


.indus_box  .active  { width: 100%; height: 60px; float: left; margin: 0 0 0% 0; background: url(../images/zxing.jpg) repeat-x left bottom; box-shadow: 0 10px 5px -5px rgba(0,43,102,.3);  text-align:center;}
 
.indus_box  .active  font { display: inline-block; margin: 0 auto; font-size: 18px; color: #fff; text-align: center; line-height: 60px; font-weight: bold; }


.indus_box  .active  img.simg1 { width: 34px; height: 30px; display:none;  margin: 0 auto; vertical-align: middle; }
.indus_box  .active  img.simg2 { width: 34px; height: 30px; display:inline-block; margin: 0 auto; vertical-align: middle; }


 

/*6餐饮 restaurant*/



.s_restbox{width:100%; float:left; margin:0;  position:relative; z-index:20; background:url(../images/bjing1.jpg) no-repeat left top; }




.s_rest_wenzi{width:70%; max-width:1170px;  float:left; margin:1% 0 2.5% 15%;  font-size: 16px; color: #222; text-align: left; line-height:30px; font-weight: normal;  }

 
.s_restbox ul{width:103%; float:left;}


.s_restbox ul  li{width:23%; height:auto;  float:left; background:#fff; margin:2% 2% 2% 0; padding:0; border-top:10px solid #c9a063; box-shadow:0 0px 20px  rgba(1,42,103,.2);  }


.s_restbox ul  li .rest_biaoti{width:94%; height:auto; float:left; margin:2% 0 0% 3%; }


 .rest_biaoti h4 { width: 100%; height:60px; float: left; font-size: 18px; color:#c9a063; text-align: center; line-height: 60px; font-weight: bold; margin: 0px 0 40px 0; position: relative; }

 .rest_biaoti h4::after { width: 50px; height: 4px; background: #c9a063; float: left; position: absolute; left: 50%; margin-left: -25px; bottom: 0; content: ''; }

 

 .rest_biaoti h5 { width: 100%; height:140px; float: left; font-size:16px; color:#222; text-align: left; line-height: 30px; font-weight: normal; margin: 0px 0 0px 0; position: relative;   display:-webkit-box;   -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}

 
.s_restbox ul  li img{width:100%; display:block; margin:0 auto;}




.s_duo_bt { width: 100%; height: 60px; float: left; font-size: 30px; color: #111; text-align: center; line-height: 60px; font-weight: bold; margin: 0px 0 0px 0; position: relative; }

.s_duo_bt::after { width: 50px; height: 4px; background: #115a9f; float: left; position: absolute; left: 50%; margin-left: -25px; bottom: 0; content: ''; }


.s_duoyu{width:110%; max-width:1463px; float:left; margin:-3% 0 5% 0;  position:relative; z-index:10;   }

.s_duoyu img{width:1463px; display:block; margin:0 auto;}

/*5休闲渔业  leisure fishery */


.s_leisure{width:110%; max-width:1680px; float:left; margin:-3% 0 5% 0;  position:relative; z-index:10;   }

/*海上休闲垂钓*/
.s_hsxxcd{width:100%; float:left; }
 



/*科普基地*/
.s_kpjd{width:100%; float:left; background:#fff;}


.s_hsxlist{ width:94%; max-width:1680px; display:block; margin:0 auto 0 auto; }

.s_hsxlist ul{width:100%; float:left; margin:0% 0 4% 0; }

.s_hsxlist ul  li{width:32%; max-width:550px;  float:left; margin:2% 0% 1% 1%;}

.s_hsxlist ul  li img{width:100%; }


/*4科研  scientific research   【science】   */

.s_kyan_sc{width:100%; height:610px; float:left; background:url(../images/keyan.jpg) no-repeat center top; background-size:100% 100%; }


.s_kyan_wen{width:100%; height:auto; float:left; margin:0% 0 0 0; font-size:16px; color: #222222; text-align:left; line-height:40px; font-weight: normal;  }

.s_kyan_wen strong{  font-size:22px; color:#222; font-weight:bold; }



.s_kysc{width:100%; float:left; margin:0% 0 0 0;}

.s_kysc ul{width:100%; float:left; margin:2% 0 0 0;}


.s_kysc ul li{width:46%; max-width:500px; float:left; margin:2% 4% 2% 0; }


.s_kysc ul li h4{width:100%; height:40px; float:left;  font-size:18px; color: #115a9f; text-align:left; line-height:40px; font-weight: bold; }

.s_kysc ul li h4 .yuan{width:20px; height:20px; float:left; background:rgba(1,42,103,.3); position:relative; margin:2% 2% 0 0;  border-radius:50%; }

.s_kysc ul li h4 .yuan::after{width:10px; height:10px; float:left; position:absolute; left:5px; top:5px; background:#002a66; border-radius:50%;  content:'';}


.s_kysc ul li h5{width:94%; max-width:470px; height:auto; float:left; margin:0 0 0 5%;  font-size:16px; color: #3d6499; text-align:left; line-height:30px; font-weight: normal; }


/*承担项目  chengdanxiangmu undertake projects */
.s_proj_bg{width:100%; height:887px; float:left; background:url(../images/chengbg.jpg) no-repeat center top; background-size:100% 100%; }


.s_projbox{width:90%; float:left; height:auto!important;  min-height:500px; margin:1% 0 2% 0; background:#fff; padding:0 5%; }

.s_projbox  ul{width:40%; height:300px; padding:3% 5%; float:left; margin:5% 0 0% 0%; background:#f7f8fa; }
 
.s_projbox  ul li{width:100%; height:60px; float:left; margin:0px 0 5px 0;  font-size:16px; color: #222222; text-align:left; line-height:30px; font-weight: normal; }

.s_projbox  ul li .sapn1{width:28px; height:28px; float:left; margin:0 20px 20px 0;  font-size:16px; color: #fff; text-align:center; line-height:28px; font-weight: bold; font-style:oblique;  background:#002a66; border:4px solid #fff; border-radius:50%; box-shadow:0 4px 5px rgba(1,42,103,.1);}


/*科研成果   Scientific research achievements */
.s_achiev_bg{width:100%; height:480px; float:left; background:url(../images/chengguo.jpg) no-repeat center top; background-size:100% 100%; }


.s_achi_bt { width: 100%; height: 60px; float: left; font-size: 30px; color: #fff; text-align: center; line-height: 60px; font-weight: bold; margin: 0px 0 0px 0; position: relative; }

.s_achi_bt::after { width: 50px; height: 4px; background: #fff; float: left; position: absolute; left: 50%; margin-left: -25px; bottom: 0; content: ''; }



.s_achiev { width: 100%; float: left; margin: 0; padding: 0% 0;   }


.s_achiev ul { width: 106%; float: left; margin-left:-6%; }

.s_achiev ul li { width:16.6%; max-width:250px; height: 160px;  margin:2% 0 2% 0; background:rgba(255,255,255,0); float: left; position: relative; z-index: 10; overflow: hidden; }
/*488ccd*/
.s_achiev ul li::after { width:1px; height:50px; background: #488ccd; float: right; position: absolute; top:44px; right:0;  content: ''; }

.s_achiev ul li  h3 { width: 100%; float: left; font-size:24px; color: #fff; text-align: center; line-height: 80px; font-weight: normal; margin-bottom: 2%; }

.s_achiev ul li h3 font { display: inline; font-family: Arial; font-size:90px; color: #fff; text-align: center; line-height: 80px; font-weight:bold; }

.s_achiev ul li  h4 { width: 100%; float: left; font-size:24px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; }


/*科研奖项  Scientific research awards */
.s_awards_bg{width:100%; height:570px; float:left; background:#fff; }





#certify8 { position: relative; width: 100%;  max-width:1620px;  height: auto !important; min-height:260px; float: none; background: rgba(0,0,0,0); display: block; margin:30px auto 0px auto; }
#certify8 .swiper-container {width:93%; max-width:1420px; padding-left:26px;  text-align:left;  overflow: hidden; }
#certify8 .swiper-slide { width: 340px!important; height: 242px!important;  background:#fff; border:1px solid #dddddd; padding: 0px; float: left; text-align: center; position: relative; z-index: 15; display: table-cell;}
 
 
#certify8 .swiper-slide img { max-width: 340px; max-height: 242px; display: block; margin: 0 auto; position: relative; z-index: 40; vertical-align: middle; }





#certify8 .swiper-button-prev8 { text-indent: -9999px; top: auto; bottom: 80px; left:0%; margin-left: -10px; width:50px; height: 84px; background: url(../images/kprev1.jpg) no-repeat; border: none; -webkit-tap-highlight-color: transparent; outline: none;  border-radius:0%;}

#certify8 .swiper-button-prev8:hover { background: url(../images/kprev1.jpg) no-repeat; }
#certify8 .swiper-button-next8 { text-indent: -9999px; right:0%; margin-right: 0px; top: auto; bottom: 80px; width: 50px; height: 84px; background: url(../images/knext1.jpg) no-repeat; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify8 .swiper-button-next8:hover { background: url(../images/knext1.jpg) no-repeat; }





/*3加工 machining*/

.s_machi_bg{width:100%; height:auto!important;  min-height:500px; float:left; background:url(../images/jiagobg.jpg) no-repeat center bottom; }


.s_mach_wen{width:100%; height:auto; float:left; margin:6% 0 3% 0; font-size:16px; color: #222222; text-align:left; line-height:40px; font-weight: normal;  }

.s_mach_wen strong{  font-size:22px; color:#222; font-weight:bold; }


/*tangshan */
.s_tangs_bg{width:100%; height:1100px; float:left; background:url(../images/bgc11.jpg) no-repeat center top; }


.s_tshan{width:72%; max-width:1000px; float:left; margin:70px 0 0 0; }

.s_tshan img{width:100%;}



.s_tshan_txt{width:34%; max-width:600px; float:left; margin:130px 0 0 60px;  font-size:14px; color: #fff; text-align: left; line-height:30px; font-weight: normal; }

.s_tshan_txt  strong {   font-size:22px; color: #fff; text-align: left; line-height:40px; font-weight: bold; }


.s_tangshan{width:100%; float:left;}

.s_tangshan ul{width:103%; float:left;}


.s_tangshan ul  li{width:23%; height:auto;  float:left; background:#fff; margin:2% 2% 2% 0; padding:0; border-bottom:10px solid #1a6ebf; box-shadow:0 0px 20px  rgba(1,42,103,.2);  }


.s_tangshan ul  li .tangs_biaoti{width:88%; height:auto; float:left; margin:2% 0 0% 6%; }


.s_tangshan ul  li .tangs_biaoti h4 { width: 100%; height:60px; float: left; font-size: 18px; color:#222; text-align: center; line-height: 60px; font-weight: bold; margin: 0px 0 20px 0; position: relative; }

.s_tangshan ul  li .tangs_biaoti h4::after { width: 50px; height: 4px; background: #1a6ebf; float: left; position: absolute; left: 50%; margin-left: -25px; bottom: 0; content: ''; }

 

.s_tangshan ul  li .tangs_biaoti h5 { width: 100%; height:140px; float: left; font-size:16px; color:#222; text-align: left; line-height: 30px; font-weight: normal; margin: 0px 0 0px 0; position: relative;   display:-webkit-box;   -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}

 
.s_tangshan ul  li img{width:100%; display:block; margin:0 auto;}



/*dalian */
.s_dlian_bg{width:100%; height:930px; float:left; background:url(../images/dljgc.jpg) no-repeat center top; }




.s_dalian_txt{width:950px; float:left; margin:30px 0 0 220px;  font-size:16px; color: #fff; text-align: left; line-height:30px; font-weight: normal; }

.s_dalian_txt  strong {display:block; margin:0 auto;   font-size:22px; color: #fff; text-align: center; line-height:40px; font-weight: bold; }



.s_dalian{width:100%; float:left;}

.s_dalian ul{width:103%; float:left; margin:2% 0 0 0;}


.s_dalian ul  li{width:49%; max-width:690px; height:auto;  float:left; background:#fff; margin:1% 1% 1% 0; padding:0;    }


.s_dalian ul  li img{width:310px; float:left;}

.s_dalian ul  li .s_daltxt{width:310px; float:left; margin:10px 0 0 30px;  font-size:14px; color: #222; text-align: left; line-height:30px; font-weight: normal; }

 .s_daltxt  .s_dlbt{width:100%; height:60px; float:left;   border-bottom:1px solid #eeeeee; margin:0 0 20px 0; position:relative;  font-size:18px; color: #333; text-align: left; line-height:60px; font-weight: bold; }

 
 .s_daltxt  .s_dlbt::after{width:70px; height:4px; float:left;  background:linear-gradient(to right,#307cc5,#205d99); border-radius:2px; position:absolute; left:0; bottom:-2px; content:''; }
 
 .s_daltxt  .s_dlcon{width:100%; height:60px; float:left;  position:relative;  font-size:16px; color: #333; text-align: left; line-height:30px; font-weight: normal; }

 


/*2养殖  breed*/
 
.s_breed_bg{width:100%; height:auto!important; min-height:1000px; float:left; background:url(../images/breed_tu.jpg) no-repeat right 40px; }





.s_breed_txt{width:100%; float:left; margin:0px 0 20px 0px;  font-size:16px; color: #222; text-align: left; line-height:30px; font-weight: normal; }

.s_breed_txt  strong {display:block; margin:0 auto;   font-size:22px; color: #222; text-align: left; line-height:40px; font-weight: bold; }



#certify9 { position: relative; width: 100%; display: block; margin: 0px 0px 0px 0px; position: relative; }
#certify9 .swiper-container { width:100%;  max-width:1400px; height: 670px; padding-left:3%;  margin-left:0%; overflow: hidden; }
#certify9 .swiper-wrapper  {  }
#certify9 .swiper-slide {  height:660px; background:#f7f8fa;   border-bottom:10px solid #1a6ebf; padding: 0px; text-align: center; }
#certify9 .swiper-slide a { width: 100%; height: auto; float: left; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }

#certify9 .swiper-slide .bre_bt { width: 90%; max-width:600px; height: 60px; float: left; font-size:18px; color: #222; text-align: left; line-height: 60px; font-weight: bold; margin:10px 0 10px 40px; position: relative; }

#certify9 .swiper-slide .bre_bt::after { width: 50px; height: 4px; background: #1a6ebf; float: left; position: absolute; left: 0px; bottom: 0; content: ''; }


#certify9 .swiper-slide .bre_con { width: 90%; max-width:600px; height:90px; float: left; font-size:16px; color: #222; text-align: left; line-height:30px; font-weight: normal; margin:10px 0 10px 40px; position: relative; text-overflow:ellipsis; overflow:hidden; }

#certify9 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; }


#certify9 .swiper-button-prev9 { text-indent: -9999px; position: absolute; z-index: 30; top: 50%; bottom: auto; left: -120px; width:80px; height: 80px; background:#dee4ef url(../images/sprev1.png) no-repeat  center center; border: none; -webkit-tap-highlight-color: transparent; outline: none; border-radius:50%; }
#certify9 .swiper-button-prev9:hover { background:#012a67 url(../images/sprev2.png) no-repeat; }
#certify9 .swiper-button-next9 { text-indent: -9999px; right: -100px; top: 46%; bottom: auto; position: absolute; z-index: 30; width: 80px; height: 80px; background:#dee4ef url(../images/snext1.png) no-repeat  center center; border: none; -webkit-tap-highlight-color: transparent; outline: none;  border-radius:50%;  }

#certify9 .swiper-button-next9:hover { background:#012a67 url(../images/snext2.png) no-repeat  center center; }


#certify10 { position: relative; width: 100%; display: block; margin: 0px 0px 0px 0px; position: relative; }
#certify10 .swiper-container { width:100%;  max-width:1400px; height: 670px; padding-left:3%;  margin-left:0%;  overflow: hidden; }
#certify10 .swiper-slide {  height:660px; background:#f7f8fa; border-bottom:10px solid #1a6ebf; padding: 0px; text-align: center; }
#certify10 .swiper-slide a { width: 100%; height: auto; float: left; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }

#certify10 .swiper-slide .bre_bt { width: 90%; max-width:600px; height: 60px; float: left; font-size:18px; color: #222; text-align: left; line-height: 60px; font-weight: bold; margin:10px 0 10px 40px; position: relative; }

#certify10 .swiper-slide .bre_bt::after { width: 50px; height: 4px; background: #1a6ebf; float: left; position: absolute; left: 0px; bottom: 0; content: ''; }


#certify10 .swiper-slide .bre_con { width: 90%; max-width:600px; height:90px; float: left; font-size:16px; color: #222; text-align: left; line-height:30px; font-weight: normal; margin:10px 0 10px 40px; position: relative; text-overflow:ellipsis; overflow:hidden; }

#certify10 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; }


#certify10 .swiper-button-prev10 { text-indent: -9999px; position: absolute; z-index: 30; top: 50%; bottom: auto; left: -120px; width:80px; height: 80px; background:#dee4ef url(../images/sprev1.png) no-repeat  center center; border: none; -webkit-tap-highlight-color: transparent; outline: none;  border-radius:50%; }
#certify10 .swiper-button-prev10:hover { background:#012a67 url(../images/sprev2.png) no-repeat  center center; }
#certify10 .swiper-button-next10 { text-indent: -9999px; right: -100px; top: 46%; bottom: auto; position: absolute; z-index: 30; width: 80px; height: 80px; background:#dee4ef url(../images/snext1.png) no-repeat  center center; border: none; -webkit-tap-highlight-color: transparent; outline: none;  border-radius:50%;  }

#certify10 .swiper-button-next10:hover { background:#012a67 url(../images/snext2.png) no-repeat  center center; }




.auto_22 { width: 550px; margin: 0 auto; position: relative; display: block; }


#certify22 .swiper-slide { width: 550px; height: auto; background:#fff; border:1px solid #dddddd; position: relative; z-index: 1; }
 
#certify22 .swiper-slide  img{width:100%; }

#certify22 .swiper-slide font{ width: 100%; height: 40px; background:#4d6994; float: left; font-size:16px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; margin:0px 0 0px 0; text-overflow:ellipsis; overflow:hidden; }
 
#certify22 .swiper-slide img { width: 100%; display: block; margin: 0 auto; position: relative; z-index: 1; }

#certify22 .ipg2-box .swiper-slide.swiper-slide-active:before { opacity: 1; }

#certify22 .ipg2-box .swiper-slide { opacity: 1; transition: all .8s; }
#certify22 .swiper-slide-active { transition: all .8s; opacity: 1 !important; }
#certify22 .swiper-slide-prev { transition: all .1s; opacity: 1; }
#certify22 .swiper-slide-next { transition: all .1s; opacity: 1; }
#certify22 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; }



#certify22 .swiper-button-prev22 { width: 22px !important; height: 50px !important; background: rgba(0,0,0,0) url(../images/prev1.png) no-repeat left top !important; position: absolute; top: auto; bottom:110px; left: -10%; outline: none; margin: 0 0 0 0 !important; background-size: 100% 100%; opacity: 1 !important; display: inline-block; z-index: 21; }
#certify22 .swiper-button-prev22:hover { background: rgba(0,0,0,0) url(../images/prev1.png) no-repeat left top !important; }
#certify22 .swiper-button-prev22::after { content: ''; }
#certify22 .swiper-button-next22 { width: 22px !important; height: 50px !important; background: rgba(0,0,0,0) url(../images/next1.png) no-repeat left top !important; position: absolute; top: auto; bottom:110px; right: -9% !important; outline: none; margin: 0 0 0 0 !important; background-size: contain; opacity: 1 !important; display: inline-block; z-index: 21; }
#certify22 .swiper-button-next22:hover { background: rgba(0,0,0,0) url(../images/next1.png) no-repeat left top !important; }
#certify22 .swiper-button-next22::after { content: ''; }


/*主要养殖品种  main breed*/
.s_main_bg{width:100%; height:auto!important; min-height:800px; float:left; background:url(../images/breed_bg.jpg) no-repeat center bottom; }


.s_main_yu{width:94%; float:left; margin:1% 0 2% 3%; overflow:hidden;  }

/*1种业 seed industry*/


.s_indubg{width:100%; max-width:1920px; height:auto!important; min-height:550px; float:left; position:relative; z-index:22; }



.s_indus_txt{width:100%; max-width:1920px;   height:auto!important; min-height:550px; float:left; position:relative; z-index:6; }


.s_indus_txt img{width:100%; height:500px; float:left; }




.s_imgtct{width:46%; max-width:600px; height:300px; float:left; position:absolute; z-index:10; top:14%; left:13%; font-size:16px; color:#fff; text-align:justify; line-height:30px; font-weight:normal; text-overflow:ellipsis; overflow:hidden; }

.s_indus_img{width:56%; max-width:1000px; height:550px; float:right; position:absolute; z-index:10; top:0; right:0; }


.s_indus_img img{width:100%;   }


/*天正集团育种中心*/
.s_jtuabg{width:100%; height:auto!important; min-height:600px; float:left; position:relative; z-index:22; overflow:hidden;}


.s_jtua_bt { width: 100%; height: 60px; float: left; font-size: 24px; color: #111; text-align: center; line-height: 60px; font-weight: bold; margin: 0px 0 40px 0; position: relative; }

.s_jtua_bt::after { width: 50px; height: 4px; background: #115a9f; float: left; position: absolute; left: 50%; margin-left: -25px; bottom: 0; content: ''; }


.s_yuz_img{width:51%; max-width:720px; float:left; margin:0px 0 0 0;}


.s_yuz_img img{width:100%;   }



.s_yuz_right{width:46%; max-width:640px; height:150px; float:right; margin:10px 0 0 0;   }


.s_yuz_txt{width:100%; height:150px; float:right; margin:0px 0 10px 0;   font-size:16px; color:#222; text-align:justify; line-height:30px; font-weight:normal; text-overflow:ellipsis; overflow:hidden; }

.s_yuz_lunbo{width:100%; height:281px; float:right; margin:10px 0 0 0;}

 

#certify11 { position: relative; width: 100%; display: block; margin: 0px 0px 0px 0px; position: relative; }
#certify11 .swiper-container { padding: 0; overflow: hidden; }
#certify11 .swiper-slide { width:340px; height: 220px; padding: 0px; text-align: center; overflow: hidden; } 

#certify11 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; }


#certify11 .swiper-button-prev11 { text-indent: -9999px; position: absolute; z-index: 30; top:auto; bottom: -60px; left: 0px; width: 84px; height: 50px; background: rgba(255, 106, 0,0) url(../images/zprev1.jpg) no-repeat; border: none; -webkit-tap-highlight-color: transparent; outline: none; }
#certify11 .swiper-button-prev11:hover { background: rgba(255, 106, 0,0) url(../images/zprev1.jpg) no-repeat; }
#certify11 .swiper-button-next11 { text-indent: -9999px; left:86px; right: auto; top: auto; bottom: -60px; position: absolute; z-index: 30; width: 84px; height: 50px; background: rgba(255, 106, 0,0) url(../images/znext1.jpg) no-repeat; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify11 .swiper-button-next11:hover { background: rgba(255, 106, 0,0) url(../images/znext1.jpg) no-repeat; }



.s_jt_line{width:100%; float:left; margin:10px 0;}

.s_jt_line img{width:100%;}

.s_jt_lunbo{width:100%; height:auto; padding:3% 0 6% 0; background:#f7f8fa; float:left; position:relative; z-index:22; overflow:hidden; }




#certify12 { position: relative; width: 100%; display: block; margin: 0px 0px 0px 0px; position: relative; }
#certify12 .swiper-container { width:1200px;   box-shadow:-5px 5px 15px rgba(1,32,103,.2);   overflow: hidden; }
#certify12 .swiper-slide {  width: 1160px!important; height: 360px!important; background:#fff; padding:20px!important; overflow: hidden; }

#certify12 .swiper-slide img{width:52%; max-width:610px; height:360px; float:left; position:relative; z-index:4;} 


#certify12 .swiper-slide .bobg{width:51%; max-width:589px; height:360px; float:right; position:absolute; z-index:6; top:0px; right:0px;  margin:20px;} 

#certify12 .swiper-slide .bobg img{width:100%;  position:relative; z-index:1;}


#certify12 .swiper-slide .bobg  .bo_txt{width:70%; max-width:460px; height:150px; position:absolute; z-index:3; top:20%; right:12%; margin:0; float:right;   font-size:16px; color:#222; text-align:justify; line-height:30px; font-weight:normal; text-overflow:ellipsis; overflow:hidden; }

#certify12 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; }


#certify12 .swiper-button-prev12 { text-indent: -9999px; position: absolute; z-index: 30; top: 55%; bottom: auto; left: 0px; width: 80px; height: 80px; background:#dee4ef url(../images/sprev1.png) no-repeat; border: none; -webkit-tap-highlight-color: transparent; outline: none; border-radius:50%; }
#certify12 .swiper-button-prev12:hover { background:#012a67 url(../images/sprev2.png) no-repeat; }
#certify12 .swiper-button-next12 { text-indent: -9999px; right: 0px; top: 55%; bottom: auto; position: absolute; z-index: 30; width: 80px; height: 80px; background:#dee4ef url(../images/snext1.png) no-repeat; border: none; -webkit-tap-highlight-color: transparent; outline: none;  border-radius:50%; }

#certify12 .swiper-button-next12:hover { background:#012a67 url(../images/snext2.png) no-repeat; }







#certify13 { position: relative; width: 100%; display: block; margin: 0px 0px 0px 0px; position: relative; }
#certify13 .swiper-container { width:1200px;   box-shadow:-5px 5px 15px rgba(1,32,103,.2);   overflow: hidden; }
#certify13 .swiper-slide {  width: 1160px!important; height: 360px!important; background:#fff; padding:20px!important; overflow: hidden; }

#certify13 .swiper-slide img{width:52%; max-width:610px; height:360px; float:right; position:relative; z-index:4;} 


#certify13 .swiper-slide .bolbg{width:51%; max-width:589px; height:360px; float:left; position:absolute; z-index:6; top:0px; left:0px;  margin:20px;} 

#certify13 .swiper-slide .bolbg img{width:100%;  position:relative; z-index:1;}


#certify13 .swiper-slide .bolbg  .bo_txt{width:70%; max-width:460px; height:150px; position:absolute; z-index:3; top:20%; left:8%; margin:0; float:left;   font-size:16px; color:#222; text-align:justify; line-height:30px; font-weight:normal; text-overflow:ellipsis; overflow:hidden; }

#certify13 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; }


#certify13 .swiper-button-prev13 { text-indent: -9999px; position: absolute; z-index: 30; top: 55%; bottom: auto; left: 0px; width: 80px; height: 80px; background:#dee4ef url(../images/sprev1.png) no-repeat; border: none; -webkit-tap-highlight-color: transparent; outline: none; border-radius:50%; }
#certify13 .swiper-button-prev13:hover { background:#012a67 url(../images/sprev2.png) no-repeat; }
#certify13 .swiper-button-next13 { text-indent: -9999px; right: 0px; top: 55%; bottom: auto; position: absolute; z-index: 30; width: 80px; height: 80px; background:#dee4ef url(../images/snext1.png) no-repeat; border: none; -webkit-tap-highlight-color: transparent; outline: none;  border-radius:50%; }

#certify13 .swiper-button-next13:hover { background:#012a67 url(../images/snext2.png) no-repeat; }




#certify14 { position: relative; width: 100%; display: block; margin: 0px 0px 0px 0px; position: relative; }

#certify14 .swiper-container { width:1200px;   box-shadow:-5px 5px 15px rgba(1,32,103,.2);   overflow: hidden; }
#certify14 .swiper-slide {  width: 1160px!important; height: 360px!important; background:#fff; padding:20px!important; overflow: hidden; }

#certify14 .swiper-slide img{width:52%; max-width:610px; height:360px; float:left; position:relative; z-index:4;} 


#certify14 .swiper-slide .bobg{width:51%; max-width:589px; height:360px; float:right; position:absolute; z-index:6; top:0px; right:0px;  margin:20px;} 


#certify14 .swiper-slide .bobg img{width:100%;  position:relative; z-index:1;}


#certify14 .swiper-slide .bobg  .bo_txt{width:70%; max-width:460px; height:150px; position:absolute; z-index:3; top:20%; right:12%; margin:0; float:right;   font-size:16px; color:#222; text-align:justify; line-height:30px; font-weight:normal; text-overflow:ellipsis; overflow:hidden; }

#certify14 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; }


#certify14 .swiper-button-prev14 { text-indent: -9999px; position: absolute; z-index: 30; top: 55%; bottom: auto; left: 0px; width: 80px; height: 80px; background:#dee4ef url(../images/sprev1.png) no-repeat; border: none; -webkit-tap-highlight-color: transparent; outline: none; border-radius:50%; }
#certify14 .swiper-button-prev14:hover { background:#012a67 url(../images/sprev2.png) no-repeat; }
#certify14 .swiper-button-next14 { text-indent: -9999px; right: 0px; top: 55%; bottom: auto; position: absolute; z-index: 30; width: 80px; height: 80px; background:#dee4ef url(../images/snext1.png) no-repeat; border: none; -webkit-tap-highlight-color: transparent; outline: none;  border-radius:50%; }

#certify14 .swiper-button-next14:hover { background:#012a67 url(../images/snext2.png) no-repeat; }